Задать вопрос
@OblivionGM

Как установить фон на всю ширину страницы внутри блока с ограниченной шириной?

Как задать фон для блока background, который находится внутри блока conteiner так, чтобы фон был на всю ширину страницы? Ниже приведу пример, в котором мне и нужно сделать подобное.
<main class="conteiner">
    <section>
        Определенное кол-во контента
    </section>
    <section class="background">
        Здесь нужно, чтобы было фоновое изображение, и чтобы оно было на всю ширину страницы, а не на ширину 
        указанную в conteiner
    </section>
    <section>
        Определенное кол-во контента
    </section>
</main>
  • Вопрос задан
  • 146 просмотров
Подписаться 1 Средний Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@andand44
https://css-tricks.com/full-width-containers-limit...
Например, так
.background {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы