是否可以使用百分比在另一个div内的浮动div上设置最小高度？

Question

她是我的css：

html {
/* force document to be 200% of window size */
min-height: 200%;
}
body {
height:auto; 
margin:0 auto;
}
div#wrapper {
/* so that child divs with floats stay contained */
overflow:hidden; 
margin:auto;
min-width:200%;
min-height:200%; /* doesn't work */
background-color:#000;
border:1px solid red;
}
div#content1 {
float:left;
min-width:45%;
min-height:45%; /* doesn't work */
background-color:#555;
border:1px solid green;
}
div#content2 {
float:right;
min-width:45%;
min-height:45%; /* doesn't work */
background-color:#777;
border:1px solid blue;
}

和html：

<div id="wrapper">
<div id="content1"></div>
<div id="content2"></div>
</div>

我希望＃content1和＃conent2始终占据窗口的45％，无论内容如何。在Firefox中，至少，最小宽度可以工作，但最小高度不起作用。是否可以使用百分数在这种情况下设置最小高度？

Answer 1

仅当height容器设置为固定高度时，才能将parent属性作为百分比引用。在这种情况下，尽管您明确html，height:auto仍设置为height:200%。因此，将wrapper分隔符设置为百分比高度将不起作用，并且随后的百分比min-height子元素也将无效。