html - ある div の高さを使用して別の高さを実装できますか?

Question

さて、高さ100%でdivを入れてみました。いくつかのチュートリアルを読み、これを作成しました：

html {
    height: 100%;
}

body{
    padding:0px;
    margin:0px;
    height:100%;
    position:relative;
}

そして、それはうまくいっています。欲しかったdivが高さ100%に変わったのですが、スクロールバーが表示されてしまいます。これは、メニュー div があるためです。このメニュー div がない場合、他の div は高さ 100% になり、スクロールバーは表示されません。

問題は、スクロールバーが表示されないようにメニューのサイズ (高さ) を「無視」するにはどうすればよいかということです。「clear:」フィールドを使用する必要がありますか?

score 1 · Accepted Answer

スクロールバーを無効にしたい場合は、次を使用する必要があります。

overflow:hidden;

score 0 · Accepted Answer

メニューがページにある限りflow、彼の身長は無視されません。

ただし、メニューで絶対配置または固定配置を使用して、メニューによって押し下げられることなく、メイン要素がすべての高さを取得できるようにすることをお勧めします。

score 0 · Accepted Answer

min-heightスクロールバーを回避するには、に設定する必要があります

html {
   min-height: 100%;
}

body{
    padding:0px;
    margin:0px;
    min-height: 100%;
    position:relative;
}

3 に答える 3