couleurs de fond multiples pour divs imbriqués css

Question

D'accord. Telle est la situation. J'ai créé un site avec une bannière noire en haut avec un logo, sa hauteur est 100px et sa couleur de fond est # 000. Ensuite, je veux un grand « main_content » div pour englober la navigation ainsi que tout le contenu dans la page, donc il ne comprend pas le pied de page. Dans ce cas, il y a plusieurs divs imbriqués dans la zone de main_content de la page et il y a déjà une couleur d'arrière-plan défini pour eux. La question est qu'une fois que j'applique une couleur de fond à la div appelé « main_content » il applique uniquement à la barre de navigation, puis arrête parce qu'il se jette dans la div imbriqué qui a déjà une couleur définie. Je me demande s'il y a la règle CSS je manque ici ...

La seule solution que j'ai trouvé est que je DOIS définir une hauteur de la div main_content, est-il un moyen de contourner cela? Je ne veux pas avoir à définir une hauteur de la zone de contenu parce que je veux qu'il corresponde juste à la hauteur du contenu qui le remplit.

Answer 1

Ce qui est le plus probable est que se passe vos autres divs imbriqués héritent la couleur de leur parent main_content div, pour résoudre ce problème vous devez fournir la couleur explicitement pour vos divs imbriqués. Autre chose que vous avez mentionné est que vous voulez appliquer la hauteur à main_content selon son contenu, vous pouvez le faire en lui donnant une hauteur de 100%, par exemple:

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

Answer 2

Je pense que je l'ai trouvé, overflow: caché, je ne suis pas sûr que ce soit la bonne solution mais son meilleur que j'ai