2

Дан родительский блок(он с фоном с малинкой) он занимает весь вьюпорт(100vh)

В нем есть два блока первый имеет высоту 200px

А второй нужно растянуть по высоте на всё оставшееся место.

введите сюда описание изображения

1 ответ 1

1

Вариант 1

.second {
   height: calc(100vh - 200px);
}

Вариант 2

.parrent {
   display: flex;
   flex-direction: column;
   height: 100vh;
}
.first {
   flex: 0 0 200px;
}
.second {
   flex: 1 0;
}
7
  • а если первый тоже неизвестен (в процентах например)
    – PhilStar
    9 мая 2017 в 15:58
  • 1
    @VipFilStar неизвестен или в процентах? calc(100vh - 20%); 9 мая 2017 в 16:00
  • ну первый блок задан в проц но имеет max-height
    – PhilStar
    9 мая 2017 в 16:03
  • @VipFilStar используйте второй варинат 9 мая 2017 в 16:06
  • ну а там разве 200px не фиксированно
    – PhilStar
    9 мая 2017 в 16:07

Ваш ответ

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

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