Float浮动

Posted hey-李高冷

tags:

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

Float特征:

1.块在一排显示

2.支持内联宽度

3.默认内容支撑宽度

4.脱离文档流

5.提升层级半层

Float产生的影响:

float有脱离文档流的特性使其与父级不在同一文档流,从而影响布局

清除Float方法:

1.加高度(扩展性不好)

2.父级浮动(页面中所有元素都加浮动,会影响margin左右自动失效)

3.inline-block(margin左右auto失效)

4.空标签(ie6最小高度16px)

5.br

6.after伪类(content属性)

7.overflow(hidden | scroll等)

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

float浮动

浮动属性(float)

float 浮动

CSS float浮动布局

Float(浮动)

1.Float浮动和清除浮动