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

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

2012-08-16 
让Div在IE和Firefox下自适应高度让Div在IE和Firefox下自适应高度做一个浏览器兼容的项目老是遇到这样的问

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

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


热点排行