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 属性详解的主要内容,如果未能解决你的问题,请参考以下文章