Контент страницы находится в contanier
со свойствами
.wrap > .container {
padding: 70px 15px 20px;
}
Т.е. каждый объект сдвигается на 15px
по бокам. Как растянуть какой-то div
в container
под этим свойством на весь экран не обращая внимание на padding
Желательно без JS / JQ, но не принципиально
<div class='contanier'>
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
Задать внешние отступы на величину padding
a: margin-left: -15px; margin-right: -15px;
* {
box-sizing: border-box;
}
html,
body {
padding: 0;
margin: 0;
width: 100%;
}
.wrap > .container {
padding: 70px 15px 20px;
}
.need_to {
margin-left: -15px;
margin-right: -15px;
background: #ccc; /* для наглядности */
}
<div class="wrap">
<div class="container">
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
</div>
Так годится?
.wrap > .container {
padding: 70px 15px 20px;
background: blue;
}
.need_to {
margin: 0 -15px;
background: yellow;
}
<div class='wrap'>
<div class='container'>
<div>Не трогайте меня</div>
<div class='need_to'>Растяните меня на всю страницу</div>
</div>
</div>
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть UWP проект, к нему нужно подключить поддержку управления геймпадом(контроллер XBOX), как это можно реализовать? Есть ли какие-нибудь библиотеки...