0

bodyの高さを明示的に設定し、子divの高さをパーセントで設定したくありません。

<!doctype html>
<html>
<body>
    <div style="height:10%">
        fdjfdkjl
    </div>
    <div style="height:90%">
        dsds
    </div>
</body>
</html>

ただし、これは機能しません。なんで？仕様には、動作の説明があります。

パーセント表記が使用される場合、要素の高さは、親の高さに対して相対的に計算されます。親が明示的に設定されていない場合、ブラウザのウィンドウが使用されます。

に 100% を設定できますbodyが、これも機能しません。その高さはコンテンツをラップするだけです。ブラウザのウィンドウが使用されないのはなぜですか?

4

1 に答える 1

0

@MattKが言ったように、

html, body { height: 100%; }

問題を解決します。divs とbodyの親にはサイズが定義されているため、このアプローチが機能すると思います。html親がなく、ウィンドウheightが使用されます。

于 2012-09-08T00:21:58.333 に答える