ie6中min-height无效的解决办法
来源:互联网 发布:农业网络信息杂志社 编辑:程序博客网 时间:2024/05/18 01:39
#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来处理。问题解决。
- ie6中min-height无效的解决办法
- ie6中min-height无效的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- IE6不支持min-height的解决办法
- 技术分享 IE6不支持min-height的解决办法
- 技术分享 IE6不支持min-height的解决办法
- min-width、max-width、min-height、max-height在IE6下兼容的解决办法
- ie6 min-heigth,max-height解决办法
- IE中设置height无效的解决办法
- IE6中CSS设置min-height、min-width
- min-height 属性的使用以及IE6.0不兼容问题的解决办法
- IE6支持min-height,max-height等的方法
- 兼容IE6的min-width、min-height的简单方法
- android gralloc
- ADF开发之:指定空间范围Ajax查询
- 小菜鸟ogre中迷失二
- 批处理迷你背单词完整版
- 进程间通信的四种方式:
- ie6中min-height无效的解决办法
- linux安装jdk
- LinkedList
- 深入探讨 Java 类加载器
- 批处理将生词导入金山词霸生词本!
- 对UTF8编码的初步认识
- Ubuntu 安装VMware Tools
- 智能手机的双网双待设计方案
- 批处理全盘高速搜索文件!