bodyブラウザの高さの 100% にしたいのですが、CSS を使用してそれを行うことができますか?
設定してみましたheight: 100%が、うまくいきません。
ページの背景色をブラウザ ウィンドウ全体に表示されるように設定したいのですが、ページのコンテンツが少ないと、下部に醜い白いバーが表示されます。
ベストアンサー1
html 要素の高さも 100% に設定してみてください。
html,
body {
height: 100%;
}
本文は、動的プロパティのスケーリング方法について親 (HTML) を参照するため、HTML 要素の高さも設定する必要があります。
ただし、body のコンテンツは動的に変更する必要がある可能性があります。min-height を 100% に設定すると、この目的を達成できます。
html {
height: 100%;
}
body {
min-height: 100%;
}