colori di sfondo multiple per css div annidati

Question

Va bene. Questa è la situazione. Ho creato un sito web con uno striscione nero in alto con un logo, la sua altezza è di 100px e il suo colore di sfondo è # 000. Successivo Voglio una grande "main_content" div fino a comprendere la navigazione con qualsiasi contenuto all'interno della pagina, in modo che non includerebbe il piè di pagina. In questo caso ci sono diverse div annidati all'interno dell'area main_content della pagina e v'è già un colore di sfondo definito per loro. Il problema è che una volta che applico un colore di sfondo al div chiamato "main_content" si applica solo alla barra di navigazione e poi si ferma perché si corre in div nidificato che ha già un colore definito. Mi chiedo se non v'è regola CSS che mi manca qui ...

L'unica soluzione che ho trovato è che deve definire l'altezza per il div main_content, c'è un modo per aggirare questo? Non voglio avere a definire un'altezza per l'area di contenuti, perché voglio che corrisponde solo l'altezza del contenuto che lo riempie.

Answer 1

Ciò che è più probabile che accada è che gli altri div annidati sono ereditare il colore da loro genitore main_content div, per risolvere questo problema si dovrebbe fornire il colore in modo esplicito per le div annidati. Altra cosa lei ha detto è che si desidera applicare altezza per main_content come per il suo contenuto è possibile farlo dandogli un'altezza di 100% ad esempio:

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

Answer 2

Credo di aver trovato, overflow: hidden, non sono sicuro se questa è la soluzione giusta, ma è il migliore che ho