欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

CSS清除浮动的几种方法

程序员文章站 2022-05-11 08:06:00
...

1.确定父元素高度。
2.父元素末尾追加空的子元素并设置style=“clear=both;”。
3.父元素设置overflow=hidden/auto。
4.设置公共类clearfix,为clearfix添加一个伪元素:after,生成看不见的块元素达到清除浮动的效果(推荐)。

.clearfix:after{
	clear: both;
	content: "";
	display: block;
	visibility: hidden;
}
.clearfix{
	*zoom:1;  /* 触发haslayout以支持IE6和IE7浏览器 */
}
相关标签: 前端 css