0

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

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

Скриншот страницы сайта:

6
  • 1
    Так надо регулировать высоту блока, которому задан фон. 9 июн 2020 в 9:17
  • Ок, а почему это может не работать? Я пробовал max-height для body, но это ничего не даёт.. 9 июн 2020 в 9:43
  • а у Вас фон для body задан? у body не может быть max-height (равно как и просто height), потому что body - это родитель всего и вся :) сделайте блок-обёртку и ему задавайте фон 9 июн 2020 в 9:58
  • Да, но так я получал это: loom.com/share/af85615bc4e34dec936599680849329b Как это победить? Благодарю. 9 июн 2020 в 10:43
  • 1
    тогда не очень понятно, что значит "убрать пустоту снизу"? если контента мало, естественно, там будет пустота. либо добавляйте что-то, либо растягивайте имеющийся на всю высоту 9 июн 2020 в 12:04

1 ответ 1

0

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

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

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

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

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

border: 3px solid green;

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

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

0

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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