html清除浮动-解读css父类消除浮动的诱导

浮动激励常用于静态网页的制作。 比如防止块级元素占用单行，往往是通过设置float来实现的。但是当你应用的时候，你会发现设置了通用float后，对于父类并没有消除float，这会导致以下问题： 1.浮动元素会相对于父容器或者已经定位在上面的元素浮动html清除浮动，float

浮动激励常用于静态网页的制作。 例如，为了防止块级元素占用单行，往往是通过设置float来实现的。 但是当你应用的时候，你会发现，设置了通用float后，对于父类并没有消除float，这样会导致以下问题：

1.浮动元素会相对于父容器或者已经定位在上面的元素浮动。 浮动元素与文档流分离，即不再占据原来的位置，并且会影响前面的元素或者父容器。

2、一般情况下，父容器会被手动展开，但是添加浮动后子元素的位置不会保留html清除浮动，父容器会感觉不存在，所以不会展开。

因此，在编译静态网页时，一定要注意浮动清理的问题。 一段消除浮动的代码可以轻松调用：

<pre class="brush:css;toolbar:false">　.clearFloat:after{
　　　　　　　　　　　　　　　　content:' ';
　　　　　　　　　　　　　　　　display:block;
　　　　　　　　　　　　　　　　height:0;
　　　　　　　　　　　　　　　　visibility:hidden;
}
　　　　　　　　　　.clearFloat{
　　　　　　　　　　　　　　　　zoom:1;
}