清除浮动

.clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.clearfix { *zoom:1;}

----------------------------

如果不清除浮动就出现，div重叠的问题。比如说，你做了一个网页，最上面是一个header块，中间有两列内容块，最下面是一个footer块。你在中间内容块的时候设置了左浮动，且两块的高度不一致，有一块要高一些，那么在footer就需要清除浮动，如果不清除浮动的话，footer块就会与其中一个内容重叠。
具体的可以看demo
如果父元素没有清除浮动，子元素浮动之后会撑破父元素的边框。

 

下载地址参考demo :  https://files.cnblogs.com/files/leshao/%E6%B8%85%E9%99%A4%E6%B5%AE%E5%8A%A8.rar