在html中，如果使用div布局方式，布局四个区域，
div1，
div2，
div3，
div4，
由于没有没有声明的div块是不会浮动的，所以一行只有能显示一个块，当我们需要一行显示两个块时，我们就需要将div2元素声明为浮动，如：float：left。向左浮动，此时div2元素会浮动起来靠向左边邻近的一个非浮动元素。如果此时div1不是浮动元素，效果为：
div1，div2,
div3,
div4.
而且因为此时div2是浮动元素，此时div3元素，会紧靠向div1元素，并覆盖掉div2元素的部分内容，此时我们如果想让div3不去覆盖div2的内容，需要用到clear：left，right，。比如将div3元素设置为clear：left。此时div3元素左边邻近的一个元素（包括浮动元素），对于div3来说是不浮动的，此时div3将不会覆盖div2的面积，并且不会和div1元素同行显示。