@Vadim1899

Блок по высоте оставшейся области?

Всем привет. Подскажите, пожалуйста, на сайте имеется шапка, далее слева идет сайдбар, справа - главный контейнер.
В сайдбаре первым блоком идет мини-профиль, ниже чат. Как сделать так, чтобы чат был по высоте равным оставшейся части страницы?
5a8f337ae1a5c415661316.png
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ответы на вопрос 2
rockon404
@rockon404
Frontend Developer
.sidebar {
  display: flex;
  flex-direction: column;
}

.profile {
  // your stuff
}

.chat {
  flex: 1 0 auto;
}


Демо 1
Демо 2
Ответ написан
AskMy
@AskMy
иногда решаю задачки и задаю глупые вопросы
https://codepen.io/topicstarter/pen/MQBaoB?editors=1010 - можете поместить в item-chat текста сколько угодно ... для проверки
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
Sveak Барнаул
от 40 000 руб.