Несколько цветов фона для css вложенных divs

Question

Хорошо. Это ситуация. Я создал веб-сайт с черным баннером сверху с логотипом, его высота составляет 100 пикселей, а цвет фона - № 000. Затем я хочу, чтобы большой div «main_content» включал навигацию вместе с любым контентом внутри страницы, поэтому он не включал нижний колонтитул. В этом случае в области main_content страницы есть несколько вложенных div, и для них уже установлен цвет фона. Проблема в том, что как только я применил фоновый цвет к div, называемому «main_content», он применит его только к панели навигации, а затем остановится, потому что он работает во вложенном div, который уже имеет определенный цвет. Мне интересно, есть ли правило CSS, которое мне здесь не хватает ...

Единственное исправление, которое я обнаружил, это то, что я ДОЛЖЕН определить высоту для div main_content, есть ли способ обойти это? Я не хочу определять высоту для области содержимого, потому что я хочу, чтобы она соответствовала высоте содержимого, которое заполняет его.

Answer 1

Что наиболее вероятно происходит, так это то, что ваши другие вложенные divs наследуют цвет от родительского main_content div, чтобы исправить это, вы должны предоставить цвет явно для ваших вложенных div. Другое дело, вы упомянули, что вы хотите применить высоту main_content в соответствии с его содержанием вы можете сделать это, придавая ему высоту 100%, например:

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

Answer 2

Я думаю, что я нашел, переполнение: скрытый, им не конечно, если это правильное решение, но самое лучшее, что у меня есть