CSS Float

cu_Cbear

CSS Float

1.元素float后，脱离文档流，同时也脱离包含它的容器（无论外面的容器有几层），在原文档中，它们的原位置会被让出，就好像它们从来没有存在过一样，其它元素会来填补这个被让出的空白。然后所有的float元素对于非浮动元素来说相当于在一个新文档中按照各自的顺序、浮动的位置和文档所给予的空间是否足够进行位置排列，因此它们会覆盖非浮动元素。
Ps：IE6中，如果容器没有设置height属性，那么float元素会脱离该容器。一旦容器设置了height属性，哪怕只是1px，float元素仍将继续被这个容器包含——至少在视觉上是如此。

2.在浮动中有一个比较特殊的元素：<p>。首先p是一个块级元素，p中的文字被行框包含，所有的行框在p内。
      a).当p之前的元素浮动而p不浮动时，那么p中的行框会自动缩短并围绕这个浮动元素，而不会被这个浮动元素覆盖。想让p中的行框不围绕浮动元素，可以给p元素加上clear属性。
      b).p的浮动比较特别，它浮动以后不会去覆盖非浮动元素，就好像它的浮动没有脱离文档流一样。
      c).p中不会存在div元素，即使你将div元素强制写在p元素中，文档编译之后div元素仍然会被释放出来

健康木乃伊

谢谢分享