Mehrere Hintergrundfarben für CSS verschachtelte divs

Question

In Ordnung. Das ist die Situation. Ich habe eine Webseite mit einem schwarzen Banner an der Spitze mit einem Logo erstellt, ist seine Höhe 100px und die Hintergrundfarbe ist # 000. Als nächstes mag ich eine große „main_content“ div innerhalb der Seite zusammen mit dem Inhalt die Navigation umfassen, so wäre es nicht die Fußzeile enthält. In diesem Fall gibt es mehrere verschachtelte divs innerhalb des main_content Bereich der Seite und es gibt bereits eine Hintergrundfarbe für sie definiert. Das Problem ist, dass wenn ich eine Hintergrundfarbe auf die div namens „main_content“ gilt es gilt sie nur für die Navigationsleiste und dann stoppt, weil es in den verschachtelten div läuft, die bereits eine Farbe festgelegt hat. Ich frage mich, ob es CSS-Regel ist ich hier fehlt ...

Die einzige fix ich gefunden habe ist, dass ich eine Höhe für die main_content div definieren muss, ist es eine Möglichkeit, um dieses? Ich möchte nicht auf eine Höhe für den Inhaltsbereich zu definieren, weil ich es will von den Inhalt der Höhe nur entsprechen, die es ausfüllt.

Answer 1

Was höchstwahrscheinlich passiert ist, dass Ihr andere verschachtelte divs die Farbe von ihren Eltern main_content div erben, um dieses Problem beheben Sie die Farbe für Ihre verschachtelte divs explizit bieten sollte. Andere Sache, die Sie erwähnt, dass Sie Höhe anwenden möchten main_content gemäß dessen Inhalt können Sie tun dies, indem sie eine Höhe von 100% zum Beispiel zu geben:

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

Answer 2

Ich glaube, ich fand es, overflow: hidden, im nicht sicher, ob dies die richtige Lösung ist, aber es ist das Beste, was ich habe