float 属性详解

Posted 剑阁王者

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了float 属性详解相关的知识,希望对你有一定的参考价值。

当前元素分类(float:left) 下一个紧邻元素分类(不含float) 结论
块级元素(a) 块级元素(b) b会填充a遗留下来的空间,a会和b发生重叠,a的图层在上面。
内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。
内联元素(a) 块级元素(b) b不会跟随a的移动
内联元素(b) b会紧跟在a的后面。并根据自身内联元素的特点,是否换行。

 

当前元素分类(float:right) 下一个紧邻元素分类(不包含float) 结论
块级元素(a) 块级元素(b) b会填充a遗留下来的空间,若a会和b发生重叠(父容器宽度减少),a的图层在上面。
内联元素(b) b会填充a遗留下来的空间。
内联元素(a) 块级元素(b) b不会跟随a的移动。
内联元素(b) b会填充a遗留下来的空间。

 

以上是关于float 属性详解的主要内容,如果未能解决你的问题,请参考以下文章

详解 css float属性

css float属性详解

通俗易懂的CSS的浮动float详解

[TimLinux] CSS float和position详解

[七]基础数据类型之Float详解

float详解圣杯布局