问题描述：当内层使用左、右浮动时，如果没有处理，会造成外部的框高度不能自动调整的情况。用div+css 排版久了，总有一天会遇上这个问题，上代码/图：
几个浏览器测试得到下边的结论：
多种解决方法
1、比较早期的方法，在最后一个Li的后边加一个有clear:both的物事，sapn,div,p都可以，如
缺点：很明显，多出一个无语意代码，不理想
2、很流行的clearfix,利用的是after这个伪对象，IE8/FireFox/chorme支持（很多伪对像伪类是很好的功能，只可惜目前市场占有还是最高的IE6多不支持）
优点：在有用到的地方只要加上一个CSS就可以，比上一个用起来简单
缺点：Css代码有点多了，不方便记，还用了Hacker
3、用溢出定义overflow:auto来解决，这种方法最简单，还不清楚为什么用的人不多，难道有什么问题？
优点：简单，方便
缺点：遇到Overflow被征用时就不能用了，似乎这种情况不多见
以上为以往工作过程中遇到的问题解决方法，目前只了解到这三种解决方法。
本文关键字：css,web前端,css bug, 高度自适应,clearfix,
2122
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
