清除浮动造成的影响的解决方案总结

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;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值