internet-explorer - 最小高度在最小高度 css

Question

我试图拥有一个最小高度为 100% 的 div 和一个最小高度为 100% 的 div。

我不允许触摸标记，必须使用纯 css 完成。它也必须在 IE6+ 中工作，所以我不能使用 display:table。

我怎样才能做到这一点？

目前我有 html,body 设置为 height:100%, wrapper 设置为 min-height:100% 但是内部 div 需要外部 div 有一个高度设置才能有一个 % 设置本身...

这个问题的最佳解决方案是什么？

Answer 1

如果你需要支持 IE6，min-height 是不可能的。

您可以在其他浏览器中使用 min-height 并添加条件语句来设置高度而不是 IE 中的 min-height。

IE8 及以上支持最小高度。

对于支持 min-height 的浏览器，您实际上不需要嵌套 min-height 声明。您只需要外部元素的最小高度，内部元素使用高度。

示例：http: //jsfiddle.net/dmyN6/

body, html {
    height: 100%;   
}

.a {
    min-height: 100%;   
    background-color: blue;
}

.b {
    height: 100%;
    background-color: aqua;    
}