您好，因为您给了该容器里面的元素浮动，里面的都浮起来了，该容器里相当于没有实在的占位的元素，在没有给具体高度的情况下，就会出现“塌陷”，高度变为0；
解决办法：
在该大容器增加个伪类，伪类的作用为清除浮动clear:both;
给大容器自定义高度，设置为静态的需要的高度。
css html为什么包含浮动元素的容器的高度为0
您好，因为您给了该容器里面的元素浮动，里面的都浮起来了，该容器里相当于没有实在的占位的元素，在没有给具体高度的情况下，就会出现“塌陷”，高度变为0；解决办法：在该大容器增加个伪类，伪类的作用为清除浮动clear:both;给大容器自定义高度，设置为静态的需要的高度。
css为什么有时候创建div是块的高度为0无法把div下面的内容包含进去就像...
这是因为第一个div中的p是绝对定位（position:absolute）的，所以它是脱离整个文档流成为一个独立的漂浮层，换句话说就是第一个div中相当于“什么都没有”，所以它的高度仍然是0。而第二个div所包含的ul则是实际的内容，它的高度会自动撑开div，使div也具有高度。
向DIV + CSS高手请教 属性float:left设了 为什么height会消失_百度...
因为你的li用的浮动，如果想要ul不受li的影响必须清除浮动，给父级元素ul加上overflow:hidden;zoom:1;这样再ie和火狐都可以显示相同的效果了，目前有三种清除浮动的方法，你可以网上搜一下，很简单的；
浅谈html元素的float属性
首先，浮动元素会对其自身的布局产生显著影响。它不再遵循文档流，而是根据CSS规则重新定位。这就可能导致元素的行为与预期不符，尤其是在与其他元素共存时。其次，浮动元素的父级和兄弟元素并非无动于衷。它们会受到浮动元素的干扰，比如可能无法正确占据应有的空间，或者导致父级元素的高度塌陷，如图所示。...
Html新手入门常见小问题及解决方法
通俗点来说，就是如果父元素只包含浮动元素，且父元素未设置高度和宽度的时候，那么它的高度就会踏缩为零。这是因为浮动元素脱离了文档流，包围它们的父块中没有内容了，所以“”塌陷“”了。如下图所示，我把父元素的宽高注释掉，就会出现下图中的情况，***浮动元素脱离了文档流，包围它们的父块中...
div中使h和form分别浮动在两边了,但是给div设置的背景颜色怎么显示不...
老哥，浮动元素是脱离文档流的，不会把父元素撑起来，所以div的高度为0，背影颜色自然就显示不出来了，解决办法就是清除浮动了。将浮动元素的父元素添加伪元素清除。例：你的.head就是该浮动元素的父元素，所以 .head:after{content:"";display:table;clear:both;line-height:0};.head{zoom:1} 或者...
css子元素浮动后父元素高度不能自动撑开
1、首先新建一个html文件，命名为test.html。2、在test.html文件内，使用p标签创建两行文字，代码如下。3、在test.html文件内，设置第一个p标签id属性为mp，主要用于下面使用css设置该p元素隐藏。4、在test.html文件内，编写标签<style type="text\/css"><\/style>，下面将在标签内编写css样式。5、...
【html】设置元素浮动之后第二行的div块为什么不自动向上浮动呢??
按道理它也不是会向上的。例子：你浮动中，有一个为250高的，那么那一排就按250来，而且，向左浮动的意思，只是说紧跟着上一个，如果像你所说的，向上了，那它就不止浮云这么简单了，那就叫错位了。比如:<div>1<\/div><div>2<\/div><div>3<\/div><div>4<\/div><div>5<\/div>，不管1234...
CSS里为什么我给一个DIV加上浮动以后,下面的DIV就把它覆盖了???_百度...
如果3个div上下排列，第三个div加上float:right;的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。想要控制div里文字的话可以用属性text-align，具体步骤如下：1、background-color:rgba(0,0,0,0.1);然后创建一个html文件。2、从html文件找到<...
html浮动布局有什么和什么
HTML的浮动布局通过使用CSS的`float`属性实现，允许元素离开文档流，向左或向右移动，直到碰到包含框或另一个浮动元素的边缘为止。这种布局方式常用于创建简单的多栏布局，如常见的两栏或三栏布局，通常用于侧边栏和主要内容区域的划分。然而，浮动布局可能会引发清除浮动的问题，因为浮动元素不占据文档流中...
