如果不清除浮动就出现,div重叠的问题。比如说,你做了一个网页,最上面是一个header块,中间有两列内容块,最下面是一个footer块。你在中间内容块的时候设置了左浮动,且两块的高度不一致,有一块要高一些,那么在footer就需要清除浮动,如果不清除浮动的话,footer块就会与其中一个内容重叠,请看图。
我们先从它们的定义说起,float 属性定义元素在哪个方向浮动,而 clear 属性规定元素的哪一侧不允许其他浮动元素。
我在空间里写了两个小例子进行对比,应该可以更好理解这两个属性,楼主可以看一下:
http://hi.baidu.com/%E6%83%8A%E5%AF%92%E5%94%B1%E6%99%9A/blog/item/7a01963aaeb354da9f3d62cd.html?timeStamp=1322151912504
聪明