2.清除浮动的方法(clear: left/right/both;)

1.给父级加个高度【不会用这种方法清除浮动】

2.使用空标签(在浮动元素的同一等级【兄弟元素】最后面加个空标签)清除浮动:这个做法的好处是兼容性强,但是添加了多余的标签,造成了浪费【不建议使用】

3.overflow: hidden;会导致溢出的元素被截断,【给浮动元素的直接父级加此属性】【不建议使用】

4.设置父元素的display为inline-block:导致父元素无法使用margin:0 auto;实现居中【不建议使用】

  1. css伪元素选择器【选择某个或者某些元素添加伪元素】
    div::before:之前 当前元素内部【直接子元素】的最前面
    div::after:之后 当前元素内部【直接子元素】的最后面
    选择符:after{
    content:"";
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值