ヘッダーと左メニューの高さが100％のHTMLレイアウト

非常に単純なレイアウトのヘッダーと2列のコンテンツを作成するのには苦労しています。ナビゲーションと適切なコンテンツ（http://jsfiddle.net/WsQbs/4/）です。ヘッダーと左メニューの高さが100％のHTMLレイアウト

私は達成できないのは、メニューとコンテンツの間に垂直線（枠線）を持つと同時に、メニューとコンテンツのページの高さが100％（ウィンドウだけでなく）であることです。問題は、コンテンツを絶対的に配置し、2つの列のいずれかに十分なコンテンツがある場合、スクロールバーが表示されるため、対応するdivの背景と境界線はコンテンツの完全な高さではなく、ウィンドウの100％

出典

2011-07-01 Konstantin

、それはまた、トップ異なる0以上で位置を持っているほか、 '＃のheader'は、は50px高さを持っているので、あなたの'＃コンテンツ-wrapper'は100％の高さを使用することはありません。.. – jackJoe

答えが見つかりました：http://stackoverflow.com/a/26994674/1096901 – Srneczek

絶対的な位置はあなたが望むからそれを防ぐ。これは、あなたの望むことですか？ http://jsfiddle.net/bingjie2680/WsQbs/6/

更新：http://jsfiddle.net/bingjie2680/WsQbs/8/

出典

2011-07-01 10:35:05 bingjie2680

いいえ - 少量のコンテンツを残すと、divはページの100％をもう使用しません - http://jsfiddle.net/WsQbs/7/ – Konstantin

本体は実際の高さでなければなりません。 divsの高さで参照することができます。身長を何か大きな値に設定してください。それは動作します、もちろん、これは完璧な解決策ではありませんが、それは使用することができます。アップデートを参照してください。 – bingjie2680

これは私が必要とするものではないスクロールバーを常に持つことを意味します。 – Konstantin

ヘッダーと左メニューの高さが100％のHTMLレイアウト

答えて

関連する問題