在需要自适应的div上加 style="height:100%; overflow:auto;"   经测试这个方法比较好用。不会打乱页面。

看了很多方法，反正总有问题。而且也不是简单易行。今天看到一个方法，确实实用，经测试ie6.firefox6通过。其他应该也没有问题。 <div id="parent"> <div id="content"> </div> </div> 当Content内容多时，即使parent设置了高度100%或auto,在不同浏览器下还是不能完好的自动伸展。 解决方案 <div id="parent"> <div id="content"></div> <div style="clear: both;display: block"> </div> </div> 在层的最下方产生一个高度为1的空格，可解除这个问题。 什么原理我就不知道了，浏览器标准太多了。在这里感谢该文作者 http://www.einit.com/user1/48/archives/2007/...