CSSネストされたdivのための複数の背景色

Question

よし。これは状況です。私はロゴを上部に黒い旗とのウェブサイトを作成して、その高さは100pxにあり、その背景色は＃000です。次の私は、それはフッターが含まれないように、大規模な「main_content」のdivは、ページ内の任意のコンテンツと一緒にナビゲーションを包含するようにしたいです。この場合、ページのmain_content領域内のいくつかのネストされたdiv要素があり、それらのために定義された背景色は、すでに存在しています。問題は、私が「main_content」と呼ばれるのdivに背景色を適用すると、それが唯一のナビゲーションバーにそれを適用し、それがすでに定義された色をしているネストされたdiv要素の中に実行されるため停止していることです。私がここで行方不明ですCSSルールがある場合、私は思ったんだけど...

私が見つけた唯一の修正は、私はmain_content divのために高さを定義しなければならないということで、これを回避する方法はありますか？私はそれだけでそれを満たすコンテンツの高さを一致させたいので、私は、コンテンツ領域の高さを定義する必要がありますする必要はありません。

Answer 1

どのような可能性が高い起こっていることはあなたの他のネストされたdivのは、あなたのネストされたdivのために明示的に色を提供する必要があり、この問題を解決するために、親main_content div要素から色を継承していることです。あなたが言及した他の事は、あなたがそれを100％などの高さを与えることによって、あなたがそうすることができ、その内容に従ってmain_contentする高さを適用したいということです。

<style>
#main_content{height:100%;}
</style>

Answer 2

これは適切なソリューションである場合に隠された、イムわからないが、その私が持っている最高の

私があふれ、私はそれを見つけたと思います