为什么清除浮动是以下这么写的呢？请帮忙分析以下代码~

源自：2-1 样式文件和初始化

为什么清除浮动是以下这么写的呢？请帮忙分析以下代码~

.clearfloat{
	zoom: 1;
}
.clearfloat:after{
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

补充：平时只用clear:both和其它几种网上看来的小方法清除浮动，上面这个清除浮动的内容比较多，还用到了伪类，想知道具体是什么原理，这种写法和其它写法的不同。

提问者：小佳佳QAQ 2016-12-13 15:41

个回答

小白小白小白啦

2016-12-17 10:43:26

已采纳

这个和用clear:both原理一样，只是如果你用clear:both的话，要在每个需要清除浮动的下面都写一个div，然后给这个div设置clear:both，是不是很麻烦？after的作用是在元素的最后面添加一个元素，你可以设置这个元素的css样式，里面的height，visibility，display只是为了让这个添加的元素不可见，真正起作用得还是clear:both，content是设置after的内容，为空就是为了不显示任何东西。。。如果你想搞清楚得话可以百度after就知道了。

1
y1801

2016-12-13 16:14:34

这是使用伪类after来清除浮动的，其中的zoom: 1;是用来兼容IE6的。
个人喜欢使用overflow来清除。

0
qq_wlzhiqdgs_0

2016-12-13 15:57:51

块级元素，隐藏，且无内容

0