Как сделать чтобы один блок растягивался по высоте соседнего блока?

Question

[MRcracker]

Как сделать чтобы один блок растягивался по высоте соседнего блока?

Answer 1

[Johny Smith]

Через display flex
align-items: stretch;
https://jsfiddle.net/thv01v3j/9/
поправьте кто-то меня, или отзовитесь было ли это полезным или нет

Comments

[Алексей Бульба]

Сократим немного ваши стили ( достаточно только dispay: flex )
https://jsfiddle.net/thv01v3j/10/

[Johny Smith]

Алексей Бульба, бли-и-и-и-ин как вам это удалось!? демосцены писать можно!

[Ankhena]

Алексей Бульба,

достаточно только dispay: flex

Достаточно только для современных браузеров, если дальше идет обработка автопрефиксером или вручную надо писать вендорные префиксы, то надо писать полную историю.

Answer 2

[Дмитрий Pacification]

Вот здесь стародавние техники: xiper.net/collect/html-and-css-tricks/karkas-verst...
Вот тут есть метод с display: table htmlbook.ru/blog/div-nye-kolonki-odinakovoy-vysoty...
Ну и здесь вся та же подпорка что и выше: https://habrahabr.ru/post/64173/

Ну и самый современный способ у человека выше