男生染蓝黑色的头发:css中div高度自适应的方法(兼容FF IE)
来源:百度文库 编辑:偶看新闻 时间:2024/05/01 01:41:45
这样主框red就自动撑开了,适用于ff,ie
第二个问题解决是
给最外围div添加overflow:hidden
第三个层固定高度其他的高度自适应 min-height 和max-height 是ie 7 8 ff chrome支持的 ie6div高度自适应 用不着
如果div里有float
那么
加入清除浮动 clear的div可以解决内容溢出问题
容内容内容内容内
容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容
内容内容内
容内容内容内容内容内容内容内
容内容内容内容内
容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容
内容内容内
容内容内容内容内容内容内容内
容内容内容内容内
容内容内容内容内容内容内容内容内容内容内容内容
内容内容内容内容内容内容内容内容内容
内容内容内
容内容内容内容内容内容内容内
容内容内容内容内
容内容内容内容内容内容内容内容内容内容内容内容
BOX1
BOX1
BOX1
BOX1
BOX1
BOX1
BOX1
BOX1
BOX1
BOX1
BOX2
BOX3
BOX4
BOX4
BOX4
BOX4
BOX4
BOX4
BOX4
BOX4
BOX4
BOX4
做一个浏览器兼容的项目老是遇到这样的问题!把这个解决方法记下来:
之前遇到Div不自适应高度解决的办法就是在最底下加多个空的Div清除两边的浮动,代码如下:
不过应用这个方法如果Div嵌套过多中间浮动过于复杂容易使页面乱掉而,最近找到了新的处理办法,就是可以直接在外层想让其"自适应高度"的Div添加以下属性:
style="height:100%; overflow:auto;"
呵呵,然后发现一个很奇怪的现象,就是如果只添加"height:100%; "(设置高度100%)就IE下可以自适应高度而FireFox不行,如果只添加"overflow:auto; "(设置溢出自动)就FireFox下可以自适应高度而IE不行,所以完美的解决办法就是"height:100%; overflow:auto;"两个属性同时添加进去就可以了...