深刻理解浮动

浮动，使用fliat属性侧是另一种控制多“框”环绕的方法。一个浮动“框”基本上是将自己挤到所在容器的最左侧或最右侧。它附近的内容也不是另起一行，而是环绕着这个浮动“框”的周围。浮动“框”会忽略所有display类的型的设置而作为块级“框”显示。
  如果你想要紧随浮动“框”之后的一个对象另起一行显示，而不是围绕在浮动框的周围，你可以使用clear属性。clear：left将会清楚所有左浮动“框”，clear：right将会清楚所有右浮动“框”，而clear：both将会做出你连自己都想不到的效果。
  清楚过程实质上是通过增加足够的顶边距，从而使被清楚“框”位于浮动对像的下方。基于此方法，需要考虑到边距合并规则：如果被清除“框”有一个明确定义的顶边距，那么只有当此边距的宽度大于浮动“框”的高度时，才会另起一行。所以此时边距是从“框”被清楚以前的位置算起，而不是从浮动“框”的底部的位置算起。

DIV标签最难的就是在各个浏览器上显有差别