css - CSS: ドキュメントの全高を定義する方法はありますか?

Question

CSS を使用してドキュメントの高さ (ブラウザーの高さではなく) を取得する方法があるかどうか疑問に思っていたので、それを使用して div 要素の高さを定義できます。

ありがとう！

Answer 1

高さを使用できる特定の状況しかないため、jQuery を使用してこれにアプローチします。

フィドルからのコード:

html:

<div id="wrapper">
    <div id="inner">

    </div>
</div>

jQuery:

$(function() {
    var docHeight = $(document).height();
    $('#wrapper').height(docHeight);
});

CSS:

#wrapper {
    background: rgba(0,0,0,0.2);
}
#inner {
    background: rgba(255,255,255,0.8);
    height: 50%;
}