当高度以％表示时，Div高度不会调整大小，但在firefox中以数字的形式给出

Question

我的问题是我有一个div嵌套在另一个大div中。较大的div称为内容，较小的div称为content-middle。内容div是标记内的第一个（也是唯一的）元素，并且正在调整大小。 CSS如下：

body, html
{
    height:100%;
    margin:0px !important;
    padding:0px;
    background-color:#003A69;
}

#content {
    width:100%;    
    min-height:100%;
    position:relative;
    background-color:#00693E;
    background: url(images/background-green.jpg) repeat;
}

#content-middle{
    background-color: white;
    margin:0px auto;
    width:930px;
    height:auto !important;
    height:100%;
    min-height:100%;
    color:black;
}

HTML结构如下所示：body-＆gt; content-＆gt; content-middle

问题是在Firefox中，即使我输入10000％的内容，div内容中间也不会调整到其容器的大小（100％）。但是，如果我要为最小高度（例如10000）输入一个数字，它会正确调整大小。

这在Opera中正常工作，IE不起作用（不足为奇），没有尝试过其他任何东西。这是一个错误吗？任何人都可以找到解决方法吗？

提前致谢！

Answer 1

将#content更改为'height'而不是'min-height'。