前两天经历了我的第一次电话面试，正在动漫看的起劲=。=为了祭奠我的第一次失败的面试，就把拿问题写写吧

为什么我们会清除浮动

float最初创造出来，是为了产生word里面首字下沉或者说图片环绕的那种效果的，所以才会产生浮动后外面容器塌陷的问题。

几种方法

看过很多文章，各有不同说法，有的说这不好那不好的，我就盘点一下我记得的吧

  • 浮动的元素下面再加个元素 扔上 clear:both 的style
  • 容器的css里面加 clear:both 属性，不过要用:after伪类
  • 容器上加 display:table 属性，有文章说这破坏了页面结构
  • IE8-里伪里挂了，那么只能 zoom：1 登场
  • 还有额。。。。我忘了QAQ

所以我平时常写就：

1
2
3
4
5
6
7
8
9
.clearfix{
	zoom:1
}
.clearfix:after{
	clear:both;
	overflow:hidden;
	content:'';
	display:block;
}