让Div在IE和Firefox下自适应高度

来源：互联网发布：windows进程间通信编辑：程序博客网时间：2024/04/27 04:22

做一个浏览器兼容的项目老是遇到这样的问题！把这个解决方法记下来：

之前遇到Div不自适应高度解决的办法就是在最底下加多个空的Div清除两边的浮动,代码如下:

<div style="clear:both"></div>

不过应用这个方法如果Div嵌套过多中间浮动过于复杂容易使页面乱掉而，最近找到了新的处理办法，就是可以直接在外层想让其"自适应高度"的Div添加以下属性：

style="height:100%; overflow:auto;"

呵呵，然后发现一个很奇怪的现象，就是如果只添加"height:100%; "(设置高度100%)就IE下可以自适应高度而FireFox不行，如果只添加"overflow:auto; "(设置溢出自动)就FireFox下可以自适应高度而IE不行，所以完美的解决办法就是"height:100%; overflow:auto;"两个属性同时添加进去就可以了...