css为什么要清除浮动

DIV1宽度为100px,

DIV2宽度为50px,

如果上级DIV层的宽度大于DIV1+DIV2的宽度,

DIV2设置浮动属性float:left,

DIV2会像流水一样,自动显示在DIV1的右侧,

如果上级DIV层的宽度等于或者小于DIV1+DIV2的宽度,

那么,DIV2层就会被挤到DIV1的下方.

如果DIV1设置了清除属性,DIV2就不会流动到DIV1的后面,

而是直接显示在DIV1的下面.

(请看下图)