为什么是clearfix?

某些浏览器下 如果父DIV是的CSS float:none(一般都默认这个) 子DIV的CSS float:left或者right 这样就会出现子DIV无法撑开父DIV的现象,所以我们要在父DIV上加个clearfix的CLASS,代码如下:

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