DIV+CSS 自适应高度(在IE6、IE7、fireFox上测试通过)
日期：2014-05-17 浏览次数：20627 次
DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)
做一个浏览器兼容的项目老是遇到这样的问题！把这个解决方法记下来：
之前遇到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;"两个属性同时添加进去就可以了...
做一个浏览器兼容的项目老是遇到这样的问题！把这个解决方法记下来：
之前遇到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;"两个属性同时添加进去就可以了...
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
