上代码前先说一下一个需要注意嘚点

我们在重构页面的时候经常会使用到一个大容器里面包含多个浮动小容器的布局但是如果外面这个大容器的没有设置固定的高度值，那么大容器高度不会随着里面小容器高度变化而变化产生内容溢出的现象，这时只需要清除浮动就会恢复正常所以只要给外面大容器加上overflow:auto的属性，可以解决IE7和火狐浏览器下的清除浮动问题（但是IE6下不生效）

注意：#list{overflow:auto}如果不加这句代码，因为没有为其设置高度设置边框后会看到有高度塌陷的问题

注意：#lis{overflow:auto}如果不加这句代码，因为没有为其设置高度设置边框后会看到有高度塌陷的问题

看完是不是觉得好簡单呀，我也这么认为的嗯，就当练手了当然实现方法有很多很多，上面的两种方法仅供参考