您的位置:首页 > 其它

清除浮动的多种方法

2017-01-07 13:27 218 查看
1:给父类添加浮动 /* 浮动元素太多时有局限性 */

2:给父类添加display:inline-block /* 会把元素直接的空格间隙也会应用上去 */
3:在浮动元素后面添加一个空元素,并设置清除浮动 clear:both;

4:在浮动元素后面<br clear:"all"> /* 不符合W3C标准 */
5:浮动元素的父类添加 /* 推荐这种方法 */
.box-set:before,
.box-set:after {
content: "";
display: table;
}
.box-set:after {
clear: both;
}
.box-set {
*zoom: 1;
/* 兼容IE6*/
}
6:父类添加overflow
/* IE6下无效必须添加 zoom:1 */
/* IE6下浮动元素父类有宽度的话就不用清除浮动*/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  清除 浮动