html - 100％左divセクションが必要

Question

私は2つのdiv（赤と黄色）を持っています。赤のdivの高さは100％で、黄色のdivの高さは固定1000ピクセルです。ページを下にスクロールしても、ウィンドウ画面の100％の赤のdivが必要ですが、ブラウザ画面の100％の高さを取得していません。たくさんの例を見つけようとしましたが、問題を解決できませんでした。ガイドしてください…</p>

これが私が行った例です。

http://jsfiddle.net/awaises/Ff6v5/

Answer 1

これはあなたが望むものですか？

次に、次の3つを変更する必要があります。

1. bodyとhtmlの高さから最小の高さ。
2. 相対的なボディとhtmlの位置。
3. .left-menuの高さに！importantは必要ありません。

Answer 2

それはそれがすることになっていることをしている!!!

これは本当に誤解です。

あなたのスタイルはにheight: 100%適用され.left-menuます。しかし、この中には、背景として緑を持っている、.left-menuと呼ばれる別のdivがあります。.left-footerしたがって、CSSはコード化されていることを実行しています。

左側の領域全体の上にある赤にまたがるため、何もする必要はありません。すでにそれを行っています。証拠については、これを参照してください。

したがって、修正するものはありません。これは設計上の欠陥です。

Answer 3

これをCSSに使用して、トリックを実行する必要があります。

.left-menu{ width:200px; background:red; position:fixed; top:0; bottom:0;}