Есть макет, ширина которого 1638px
.
Фон за footer
-ом/header
-ом тянется, т.е. черный фон хедера при изменении масштаба должен быть на всю ширину окна, а контент центрирован, сайт не резиновый.
Каким образом это реализовать? Помогите, пожалуйста
-
При изменении ширины области просмотра или всё же при изменении масштаба?– KirillCommented 7 мар. 2017 в 21:05
Добавить комментарий
|
1 ответ
Задавать ширину контента. Например max-width: 1200px
. А цвет фона задавать его родителю без привязки к ширине, ну или 100% ставить.
section {
background-color: blue;
padding: 7%;
}
.content {
max-width: 400px;
margin: 0 auto;
}
.block {
display: inline-block;
width: calc(33% - 20px);
height: 65px;
background-color: green;
}
<section>
<div class="content">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
</section>