@minaev007

Как заставить розовый блок выравниваться по нижнему краю?

  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
pavelcarcass
@pavelcarcass
ИТ-менеджер из г. Иркутска
.pink {
position: absolute;
bottom: 0px;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
be_a_dancer
@be_a_dancer
Middle Backend/Fullstack Developer
Вообще, гугл решает такие проблемы. Раз, два.
Ответ написан
Применяем flex'ы и устанавливаем body минимальную высоту в 100% от высоты экрана, а для розового блока заполнение всего оставшегося пространства (или другому, основному, элементу)

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

.pink {
    flex: 1 0 auto;
  }
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы