Div兼容浏览器自适用高度

今天排版页面又遇到这个问题了,之前这样写可以:height:auto!important; height:200px; min-height:200px;,可是今天怎么就不行了,也不知道怎么回事,上网查了查,原来要在div上加一个overflow:hidden;记得把 height:200px;去掉,不然ie6会把多余的内容隐藏掉。试了试,可以,(*^__^*) 嘻嘻……继续努力吧!

min -height是个非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度,这样就能保证排版一直正确。但IE不认得这个,而它实际上把width当 做最小宽度来使用了,ie6下设置了高度和宽度,当内容超出时div会自动撑大。min -width对ie7和ff管用,最好的办法是这样写:height:auto!important; height:200px; min-height:200px;overflow:hidden;这样的话不管是在ie6,ie7还是ff下都起作用了,也就是内容没有超出200px时div显示200px的高度,超出时才自动撑大。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值