css清除浮动的几种方法
2个回答
展开全部
1.额外标签法
在盒子末尾加上一个空标签
<div style=”clear:both”></div>
2.父元素添加overflow:hidden;
3. 单伪元素清除浮动
.clearfix:after {
content: ".";
display: block; height: 0;
clear: both;
visibility: hidden;
}
.clearfix {*zoom: 1;} /* IE6、7 专有 */
4.双伪元素清除
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}
在盒子末尾加上一个空标签
<div style=”clear:both”></div>
2.父元素添加overflow:hidden;
3. 单伪元素清除浮动
.clearfix:after {
content: ".";
display: block; height: 0;
clear: both;
visibility: hidden;
}
.clearfix {*zoom: 1;} /* IE6、7 专有 */
4.双伪元素清除
.clearfix:before,.clearfix:after {
content:"";
display:table;
}
.clearfix:after {
clear:both;
}
.clearfix {
*zoom:1;
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询