css中,凡是有了float属性的元素,无论是不是块级元素,都会从文档流中消失。html在排版的时候,会认为这些元素不存在在文档中,在文档流中的元素布局结束之后,才开始布局这些非文档流元素。
但是,有一点需要注意,那么就是,当这些浮动元素和非浮动元素在位置上重叠的时候,文字部分不会重叠,会错开,直到不重叠为止。

a部分是浮动的,b部分是文档流中的,因为宽高子适应,ul被压榨了左边的a部分留空,然后文档放在周围

还有一些参考

有人说,float是当初为了图片设计的,想想当初word往文字中插入图片时候,让作者选择围绕方式。没见到过文字和图片覆盖部分。但是记得div float可以覆盖,不知道图一是不是bootsrap框架重新设计的。


Yang_River
156 声望7 粉丝