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

浮动的解决方案

时间:2017-07-29 10:09:23      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:额外   play   伪类   元素   设置   position   没有   方法   isp   

1、将设置float的元素的父元素也设置float。

  缺点:很有可能不符合情况要求

2、设置父元素的position为absolute,前提是父元素的父元素并没有设置position:relative。

  缺点:很有可能不符合情况要求

3、设置父元素的overflow为hidden。

  尚不知晓,猜测是只能清除浮动带来的父元素塌陷,但无法闭合浮动(待验证)

4、设置父元素的display为inline-block。

  缺点:可能不符合情况要求。

5、设置父元素的zoom为1。

  缺点:zoom为IE私有属性

6、浮动元素的下方加入额外的元素<br style="clear:both;" />

  缺点:增加额外的标签使HTML结构看起来不够简洁

7、使用after伪类(此方法目前应用较广)

some:after{

  content:".";

  height:0;

  visibility:hidden;

  display:block;

  clear:both;

}

浮动的解决方案

标签:额外   play   伪类   元素   设置   position   没有   方法   isp   

原文地址:http://www.cnblogs.com/21haoxingxiu/p/7253451.html

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