1

彼女は私の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 では、最小幅は機能しますが、最小高さは機能しません。この状況でパーセントを使用して最小の高さを設定することは可能ですか?

4

1 に答える 1

0

コンテナーが固定の高さに設定されているheight場合にのみ、プロパティをパーセンテージとして参照できます。parentこの場合、明示的にもかかわらずにhtml設定されます。したがって、分割線をパーセンテージの高さに設定しても機能せず、後続のパーセンテージの子要素も同様に無効になります。height:autoheight:200%wrappermin-height

于 2012-07-11T18:56:31.863 に答える