0

На странице контента много которые все по высоте около 1500px. Много гуглил, натыкался на такие же проблемы, где советывали html и body дать min-height: 100%; также min-height: 100vh; еще также с height, да даже position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 0. Но это также не помогает, вообще не понимаю в чем дело. Я сам как-бы больше углубляюсь в бекэнд, так что в этом не так хорошо разбираюсь.

Всем откликнувшимся заранее спасибо.

5
  • min-height: 100vh; нормальное решение 17 июл 2020 в 18:21
  • не работает, пробовал
    – Albert
    17 июл 2020 в 18:23
  • <meta name="viewport" content="width=device-width, initial-scale=1.0" /> в шапке должно быь 17 июл 2020 в 18:27
  • он есть там, в самом начале проекта добавил
    – Albert
    17 июл 2020 в 18:29
  • А почему вы считаете, что html и body не на всю высоту окна? Может подвал не прижимается к низу или фон у body не растягивается? Короче, нужны подробности и пример кода.
    – zhurof
    17 июл 2020 в 18:33

1 ответ 1

1

Попробуйте дать цвет фону, думаю все у вас работает.

body{
  margin: 0;
  padding: 0;
  min-height: 100vh;
  background-color: blue;
}

.full {
  padding: 1rem;
  color: yellow;
}
<div class="full">
  www
</div>

4
  • Вот я сделал как вы сказали imgur.com/a/czrOeTz, вроде работает. Я просто подумал что не работает из-за того, что в инструментах разработчика браузера показывает очень маленькую высоту body imgur.com/a/AkGDlpb
    – Albert
    17 июл 2020 в 18:42
  • да и еще только что заметил, что она не растягивается до конца страницы, а точнее до части соц. сетей imgur.com/a/b6vt0p2
    – Albert
    17 июл 2020 в 18:50
  • Так у вас внизу контент 17 июл 2020 в 19:41
  • хорошо, спасибо за ответ
    – Albert
    18 июл 2020 в 9:08

Ваш ответ

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

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