首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

DIV+CSS 自适应高度(在IE6、IE7、fireFox上测试通过)

2012-10-29 
DIV+CSS 自适应高度(在IE6、IE7、fireFox下测试通过)做一个浏览器兼容的项目老是遇到这样的问题!把这个解决

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;"两个属性同时添加进去就可以了...

热点排行