2

Контент страницы находится в contanier со свойствами

.wrap > .container {
  padding: 70px 15px 20px;
}

Т.е. каждый объект сдвигается на 15px по бокам. Как растянуть какой-то div в container под этим свойством на весь экран не обращая внимание на padding Желательно без JS / JQ, но не принципиально

<div class='contanier'>
  <div class='need_to'>Растяните меня на всю страницу</div>
</div>
2
  • какой див? .container ?
    – SVE
    24 дек 2016 в 14:52
  • @Elena Исправил. <div>, находящийся в contanier
    – Mr Klonwar
    24 дек 2016 в 15:00

2 ответа 2

3

Задать внешние отступы на величину paddinga: 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>

3

Так годится?

.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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.