0

次のコードを検討してください。

HTML メニュー

CSS

#menu {
   position: fixed;
   top:0;
   left:0;
   width:100%;
   height:50px
}

#wrapper {
   position: fixed;
   top: 50px;
   width:100%;
   height:100%;    
   overflow: auto;
}

ラッパーを固定ナビゲーションの下に置き、すべてのコンテンツをスクロールしたい。その効果は、スクロールバーがナビゲーションの上ではなく下から始まることです。

ただし、top:50pxオフセットのため、ラッパーの下部は画面から 50 ピクセル離れています。これを修正し、残りの画面領域の 100% の高さを維持するにはどうすればよいですか?

重要: これは IE8 と互換性がある必要があります

ありがとう

4

4 に答える 4

0

これを修正することはできません。

position:fixed;
height:100%;
top:50px;

position:fixed を指定したため、それはどのコンテナーに対しても相対的ではなく、ビューポートのみであるため、高さ 100% の top:50px は常に画面から外れます。

これらのいずれかを変更すると、高さと上部を「%」で指定するようなことができます

position:fixed;
height:90%;
top:10%;

また

 #menu {
   height:10%
}
于 2013-08-25T11:17:21.667 に答える