浮动所产生的特性

Posted

tags:

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

1/浮动会脱离文档流,使块级元素不在独占一行

2/行内元素浮动后变成行块元素,可指定宽高了

3/元素浮动不会穿过Padding区域

4/水平方向设置margin不会重叠,margin值会相加

5/父级元素不够摆放子级元素时,自动换行。

6/如果浮动了文本,会使元素折叠到最小宽度,建议单独设置宽度

7/浮动对文本元素有包裹性

8/子级浮动会导致父级高度塌陷,可通过设置高度或者触发BFC解决

以上是关于浮动所产生的特性的主要内容,如果未能解决你的问题,请参考以下文章

Float浮动

浮动特性及如何清除浮动

bfc与浮动元素的关系

浮动特性以及部分清浮动方法

CSS清除浮动技巧

CSS清除浮动方法集合