Несколько цветов фона для вложенных в CSS разделов

Question

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

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

Answer 1

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

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

Answer 2

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