CSS:解析DIV FLOAT后，父DIV无法高度自适应

在CSS + DIV的布局中，经常发现当DIV浮动时，如果其高度超过其父DIV的高度，则其父DIV的高度将不会相应地调整。为了解决这个问题（也称为关闭（清算）浮动），我们有四种方法：

1.附加标签方法

此方法是在父容器的末尾插入额外标记并清除它以清除父容器。这种浏览器兼容性方法很好，没有问题，缺点是你需要额外的（通常没有语义）标签。我个人喜欢这种方法，因为它简单，实用，兼容浏览器，W3C也推荐使用这种方法

2.使用after伪类

此方法是使用指定当前内容末尾的after伪类和内容声明将新内容添加到父容器。通常的做法是增加一个“点”，因为它不太明显。然后我们用它来清除浮动（关闭浮动元素）并隐藏内容。这种方法通常是兼容的，但它可以通过各种黑客处理不同的浏览器，同时确保html是干净的。

#outer:在{content:“。”; height: 0; visibility: hidden; display: block; clear: both;}

3.将溢出设置为隐藏或自动

这是通过将父容器的溢出设置为hidden或auot来关闭标准兼容浏览器中的浮动元素来完成的。但是，使用溢出时，可能会影响页面的性能，并且影响是不确定的。您可以在多个浏览器上测试您的页面。 #outer {overflow: auto; zoom: 1;} overflow: auto;是使高度自适应，缩放: 1;是与IE6兼容，你也可以使用高度: 1％;

浮动外部元素float-in-float是让父容器也浮动，这利用了浮动元素的属性。——浮动元素关闭浮动元素。这种方法在IE/Win和标准兼容浏览器中有很好的效果，但缺点也很明显。——父容器不一定是浮动和浮动的。毕竟，浮动是一种特殊行为，有时不允许布局。它的漂浮也很正常。看看你自己的代码示例：src=“./dms/get.html？path=”alt=“\”style=“display: inline-block;宽度: 93px;身高: 90px“/＆gt;

在迭代内部会有很多div，其中div将向左浮动，因此父div的高度不是自适应的。