Как отрегулировать высоту background-image?

Question

Подскажите, как убрать пустоту снизу?

body {
  margin: 0;
  box-sizing: border-box;
  background-image: url("../img/site-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

Answer 1

Обернуть всё что в body в

<div class="container">
    ...сюда...
</div>

И в CSS переименовать body на .container

Пояснение: у body не может быть max-height, поэтому мы внутри него создаём div и по его классу пишем нужные стили

P.S.: Чтобы удобнее контролировать размеры контейнера, можно добавить ему в CSS что то вроде

border: 3px solid green;

Тогда он будет обрамлён и лучше заметен.

Удачи в обучении!

БЛОГ НА HUSL

Как отрегулировать высоту background-image?

Ответы (1 шт):