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

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

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


html background-color css
person Dan    schedule 07.02.2010    source источник

Ответы (2)


arrow_upward
1
arrow_downward

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

<style>
#main_content{height:100%;}
</style>
person Sarfraz    schedule 07.02.2010
comment
height:100%; заставил бы его заполнить всю высоту своего родителя по вертикали, а не всю высоту его содержимого по вертикали. - person icktoofay; 07.02.2010

arrow_upward
2
arrow_downward

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

person Dan    schedule 07.02.2010