一直以为，overflow是用来控制宽度和高度，防止溢出或者撑破布局的。如：overflow:hidden;
按以前的做法，兼容高度自适应的代码一般情况下用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现，相关文章链接地址：[DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)] [三列布局且能自适应高度完美解决方案]，但最近在做页面的时候，才发现原来用overflow还可以实现自适应高度。
用一句代码 { overflow:hidden; } 就可以实现自适应高度了。比起之前用 { height:auto; min-height:200px; } 再组合 { clear:both; }来实现要简洁实用的多。强烈推荐大家用此种方法来实现自适应高度！
IE不管设置div的高度与否，都会根据内容来自适应高度。但是Firefox就没有这么聪明了。
1.如果div想要一个最小高度，那么应该用css的minheight这个属性，但是IE不支持，考虑到大多数用户都使用IE，所以一般情况下这个属性基本上弃置不用。在IE里面，height基本上就可以当作minheight来用，因为如果内容超出height，IE会自适应其高度。但是一旦设置了 height以后，FIrefox就不会自适应div的高度了。所以只能两个属性都不用，干干净净地写<div>cookseo.com</div>。
2.即使不设置固定高度，Firefox对高度的自适应也不那么尽人意。如果需要在一个层内嵌套一个需要float来规定的层，那它就又失灵了。其实有个最简单的方法，就是在div内的最下面加一个clear:both的div。例如：
>>阅读全文
FF中的自适应高度之背景的自适应高度问题的完美解决方法
对于背景不能自动延伸的，解决的思路就是用clear:both，解决的方法是在层里面再多嵌套一个层，这个层设置浮动，并承担背景，就搞定了。
下面附上在FF中的背景的自适应高度完美解决方案，在ie6、ie7、ff、mathon下测试均通过！Perfect！！！
.clear{clear:both;line-height:1px}
今天朋友发现他的网站左侧的产品列表只显示了一部分，还有一部分没有显示，问我是什么原因，朋友用的是IE7，当时做网站的时候，我用的是FF,Myie,IE6测试均通过，没有出现排版错位的现象，IE7是例外，我没有用。今天下载下来一调试，果然是只显示一部分，现问题已经解决。并整理出来与大家共享！
在控制显示的层的样式表里面加上下面代码：
近段时间本人在不断学习web2.0标准，学习到了许多东西，也遇到了许多问题。
如何完美布局多行多列是我们设计时常见的问题，下面我把自己的个人心得贴出来，与大家分享，希望能对正被此问题困扰的朋友有所帮助。
1、标准页面，请另存为index.html
>>阅读全文