码迷,mamicode.com
首页 > 其他好文 > 详细

Float浮动

时间:2018-01-21 17:40:45      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:自动   line   strong   浮动   gpo   方法   宽度   overflow   after   

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浮动

标签:自动   line   strong   浮动   gpo   方法   宽度   overflow   after   

原文地址:https://www.cnblogs.com/tflicong/p/8324567.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!