ie6中min-height无效的解决办法

#container{

height:500px;

background:#fff;       /*黑色*/

}

#page{

min-height:500px;

background:#F00;    /*红色*/

}

<div id="container">

<div id="page">dfsd</div>

</div>

page层内容少,页面很矮,加了min-height后FF与IE7.0中page层可以覆盖住 container的背景色。而IE6及以下min-height无法辨认,所以露出了我不想让他露出来的container层的红色背景。

在IE6中效果图如下:

 

最简单的办法还是hack吧。

#page{

background:#F00;

min-height:500px;
height:auto !important;height:500px;

}

这样IE6中page的确有了最小高度,能覆盖住container,但是其实也只有500px这么一个高度,等 到内容多了这个page也不会自动拉长了,这样不行,折腾多时,终于找到个方法可以解决IE又有最小高度又能自动拉伸的目标:

#page{

background:#F00;

min-height:500px;

 

height:auto !important;
height:500px;

overflow:visible;

 

}

就是这句overflow:visible使IE们能够当作height:auto来处理。问题解决。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值