0

Как можно сделать такой фон, чтобы он не повторялся, а был растянут на всю страницу?

body {
  background: linear-gradient(rgb(40, 40, 40), rgb(50, 50, 50));
}

2 ответа 2

3

Убрать повторение для фона, а для body и html задать высоту 100%:

html, body {
  height: 100%;
}

body {
  background: linear-gradient(rgb(40, 40, 40), rgb(50, 50, 50)) no-repeat;
}

2
  • Спасибо! А можете объяснить, почему надо так делать?
    – Юрий
    17 мар 2016 в 18:57
  • 1
    @Юрий, По-умолчанию высота body равна высоте контента внутри него, поэтому мы задаем ему высоту 100% чтобы растянуть его на всю страницу. А чтобы body задать высоту 100%, нужно чтобы и у родителя была высота 100%. 17 мар 2016 в 19:04
0

Почему-то не работает с height: 100%, пришлось сделать так:

html,
body {
  height: max-content;
}

Ваш ответ

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

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