14

私はこのシナリオを理解するのに苦労しています

CSSで設定しました

html, body {
    min-height: 100%;
}

そのため、ページにコンテンツがない場合、html と本文はページの高さの 100% を占めます。また、本文にコンテンツがある場合は、コンテンツの高さに応じて高さを変更する必要があります。

しかし、ページに (スクロール バーを表示するのに十分な) コンテンツを追加すると、html と body がドキュメントの 100% の高さを占めません。つまり、画面の高さが 700px の場合、どちらの場合も$('body').height()700px が返されます。

何故ですか?

編集: つまり、ボディタグを少なくとも画面の 100% にしたいのですが、コンテンツが追加されると大きくなるはずです。

4

2 に答える 2