首页 > 其他 > 详细

常用的清除浮动做法

时间:2018-07-04 11:03:24      阅读:161      评论:0      收藏:0      [点我收藏+]

1.给父元素加overflow:hidden

好处: 简单, 缺点:超出的尺寸的会被隐藏, 建议使用2, 3的方式


 

2.给父元素添加类clearfix, 内容如下:

.clearfix{
    *zoom:1;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
}

 

3.与2相似, 用双伪类

.clearfix:before, .clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{
    clear:both;
}
.clearfix{
    *zoom:1;
}

 

常用的清除浮动做法

原文:https://www.cnblogs.com/fumo/p/9262237.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!