1.浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动，浮动的元素脱离文档流，也就是不再占有原有的位置，会影响后面的元素或者是父容器。
2.父容器正常情况下会自动扩高，但是子元素加了浮动后位置不保留，父容器就感觉它不存在了，所以不会扩高。
所以，在编写静态网页时，一定要注意浮动的清除问题，一段清除浮动代码可以方便调用：
.clearfloat:after{ content:' '; display:block; height:0; visibility:hidden; } .clearfloat{ zoom:1; }
以上就是css父类清除浮动的原因详解的详细内容。