在做网页布局的过程中，特别是在ie6，ie8代码兼容性上，头疼不已，常常会在两个不同的浏览器中显示出两个不一样的效果。

现在就跟大家分享一个常见的问题，也是我实践的结论。

IE8下高度无法自适应的问题:

页面在设计的过程中，常常会遇到页面高度随着内容的高度而变化，height:auto；但是在ie8下，如果设置height:auto;的话，内容却无法撑开整个div，但在ie6下就不会出现这样的问题。

因此只要设置一个样式，编写在高度自适应的div中即可

 .clear_float{ height:auto; clear:both; font-size:0;}
<div style="height:auto;width:980px;">
<div class="clear_float"></div>
</div>

这里还设置了容器字体大小， font-size:0;是为了消除ie6下，div的一个默认高度。