@viktorulyushev

Как задать блоку который находится в контейнере ширину на весь экран?

Есть блок который лежит в контейнере,соответственно у контейнера заданы отступы по бокам,из за этого я не могу задать своему блоку ширину на весь экран,как это можно сделать?причем мне нужно чтобы только фон моего блока был на всю ширину экрана,а содержимое не выходило за пределы контейнера
  • Вопрос задан
  • 3218 просмотров
Решения вопроса 2
Вот так - codepen.io/AXP/pen/WpqrjG

.full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    margin-bottom: 30px;
}

При этом адаптивность сохранится

Актуально для всего кроме IE > 9 тут смотреть
Ответ написан
https://codepen.io/STutukov/pen/RpzrMb
position:relative;
    &:before,
    &:after{
      content:'';
      position: absolute;
      background:inherit;
      display: block;
      top:0;
      bottom: 0;
      width: 100%;
    }
    &:before{
      right: 100%;
    }
    &:after{
      left: 100%;
    }
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
ну тк раздели контейнер.
<section>
    <div class="container">
        111
    </div>
</section>
<section>
    <div class="container">
        111
    </div>
</section>
<section>
    <div class="container">
        111
    </div>
</section>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы