arteqrt
@arteqrt
Почти не начинающий програмист

Footer вылазит за края, как решить?

5f05e2aea404b703420896.png
При заполнении контентом все налаживается и при уменьшении не вылазит.
  • Вопрос задан
  • 278 просмотров
Решения вопроса 1
arteqrt
@arteqrt Автор вопроса
Почти не начинающий програмист
РЕШЕНИЕ!
<body>
    <header>...</header>
    <section class="main-content">...</section>
    <footer>...</footer>
</body>


html{
    height: 100%;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}

header{
   flex: 0 0 auto;
}
.main-content{
   flex: 1 0 auto;
}
footer{
   flex: 0 0 auto;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
@drawnofmymind
футер в контейнер
Ответ написан
Sedov1988
@Sedov1988
Муж и отец красивой дочки.
Первый div скорее всего это обертка которая задает рамки. Подвал, скорее всего туда не поместили.
Если подвал выделили правильно тегом footer просто добавьте класс к нему с названием обертки, или поместите внутрь тега. Или лучше всего покажите, код полностью. Чтобы сказать наверняка.
Ответ написан
castleJQ
@castleJQ
Всё интересно
Сделать можно по такому принципу: https://codepen.io/castlejq/pen/ZEQoeyR

Оберните контент в классы с определенными стилями (размерами).

Если не желаете тратить на это время, можете попробовать bootstrap. И совет Вам, старайтесь в коде не использовать без надобности id="", заменяйте их class="".
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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