关于css的float

来源:互联网 发布:知乎经历最多的人 编辑:程序博客网 时间:2024/05/21 05:57

当前块为float时

下一个为内联元素不加float:
当前块从文本流剔除,成为上级浮动层
当页面宽度足够时,上一个内联元素移动到当前块的后面,下一个内联元素也移动到当前块后面,
当页面宽度不够时,上一个内联元素仍在当前块上方,下一个内联元素也移动到该当前块上方。
下一个为div块且不加float:
当前块从文本流中剔除,成为上级浮动层,下一个为div块与其重合,紧跟文档流
当页面宽度足够时,上一个内联元素移动到当前块的后面
当页面宽度不够时,上一个内联元素仍在当前块上方。
下一个为内联元素加float:
当前块从文本流中剔除,成为上级浮动层
当页面宽度足够时,下一个带float得内联元素紧随其后并恢复到初始大小,当前块上一个内联元素到下一个内联元素后方
当页面宽度不够时,下一个内联元素覆盖其后得div块,当下一个内联元素其后是内联元素,则次内联元素跟随文档流跟在当前块上一个内联元素的后面。

下一个带float得div块:
当前块及下一个块从文本流中剔除,成为上级浮动层
当页面宽度足够时,下一个块紧随其后,当前块上一个内联元素以及下一个块得下一个内联元素处于文档流之中但跟随于下一个div之后
当页面宽度不够时,当前块上一个内联元素及当前块下一个块的下一个内联元素都跟随与文档流,在当前块上方,下一个块在当前块下方。

0 0
原创粉丝点击