首页 > 设计 > 网页设计 > 正文

Div在IE和Firefox下自适应高度的技巧

2020-02-10 17:11:25
字体:
来源:转载
供稿:网友

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表