min min in min height css

Question

我试图让一个div的最小高度为100％，而另一个div的最小高度为100％。

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

我怎样才能实现这个目标？

目前我有html，body设置为height：100％，包装设置为min-height：100％但是内部div需要外部div才能设置高度以便自己设置％...

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

Answer 1

如果你需要支持IE6，那么min-height就不合适了。

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

IE8及以上支持min-height。

对于支持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;    
}