Я играл с отзывчивым дизайном и хотел знать, как заполнить заголовок цветом фона, не определяя высоту пикселя, который я обычно делал, но не реагирует.Как заполнить заголовок цветом фона без определения высоты пикселя?
Моего демонстрационный пример здесь, и вы можете видеть, что я пытался заполнить заголовок с желтым
1) header{overflow: hidden;}
2)
header:after{
content:'';
display:block;
clear:both;
}
благодаря этим работам, теперь я понимаю, что должен очистить оба, я не уверен, что понимаю, почему переполнение: скрытый работал, хотя я думал, что это было для «скрытия» контента, когда он вышел за рамки – user1269988
Это будет делать трюк, но вы можете рассмотреть вопрос о добавлении некоторого дополнения тоже:
header {
background-color: #FABA1A;
overflow: hidden;
}
Вы 're используя float для элементов children, поэтому вам нужно очистить их, используя методы clearfix, которые вы можете сделать Google.
Вы можете использовать overflow:hidden; для быстрого и хорошее решение
header {
background-color: #faba1a;
overflow: hidden;
}
Можно вместо установки пикселизированной высоты, установленной в процентах (конечно, 'd, тогда необходимо установить один и тот же div в абсолютное позиционирование).
div {
height: 10%;
position: absolute;
}
добавить правило
header {float: left;}
Вопрос заключается в том, что ваше содержание DIV все плавало таким образом это рушится до 0 высоты. Вы можете просто исправить это, поместив контейнер. Зависит от того, что еще вы хотите добавить.
Вы должны очистить поплавки, чтобы высота заголовка была основана на содержимом в заголовке. – APAD1