[分享]css中div 浮动占位置

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
} 

上面的代码是一个清除浮动影响的常用方法，我们只需要将需要清除浮动影响的div标签加上class="clearfix"即可。

除了使用clear属性，我们还可以使用伪元素的方法清除浮动影响。在clearfix类中，使用 :before 和 :after 两个伪元素，将它们的content属性设置成一个空格，并且将display属性设置成table，再使用clear属性将 .clearfix:after 清除浮动影响。

最后，给几条clearfix的使用规则：

• clearfix 只能清除浮动的影响，不能清除其他类型元素的影响
• clearfix 只能清除自己所在的父级或者之后的兄弟元素的影响
• clearfix 仅使用在需要清除浮动影响的元素上