に等しく、ポップアップ絶対非常に長いメニュー(身長より長い)フッターの後に空き領域がたくさんあります。問題は、ボディの高さがこの時点でドキュメントの高さよりも低いことです。CSS。内容が小さく、身長が100%の場合、フッタがウィンドウの下部に押された状態で、文書の高さに等しい身長は
どのようにしてcssを使用して、本文の高さをドキュメントの高さに追従させるか。
body, html {
height: 100%;
padding: 0;
margin: 0;
}
.main {
border: 1px solid red;
height: 100%;
}
.ab {
left: 2em;
top: 2em;
right: 10em;
height: 150vw;
position: absolute;
border:1px solid yellow;
}
<div class="main">
<div class="ab"></div>
</div>
<style>
</style>
UPD。 は、CSSソリューションを探しています。
$("body").height($(document).height());
スクロール本文は文書です。どのような要素を体の高さに合わせたいと思いますか? –
私は表記の誤りをお詫びします jQueryの視覚的な画像と例が私に何を望むかを教えてくれることを願っています – MrSwed
純粋なCSSソリューションをお望みですか?またはJavaScript/jQueryが許可されていますか? –