Как организовать структуру двух блоков в контейнере (Css html)?

Question

[Андрей Прозоров]

Один бок имеет высоту фиксированную. Другой занимает столько места по высоте сколько осталось от второго внутри контейнера. Один блок под другим ширина на всю. Нижний блок фиксированной высоты (но она не известна, это в зависимости от контента) а второй ркзиеовый и занимает остатки места.
calc 100% - px не выйдет ь так как высота нижнего блока зависит от его контента. Да и не кроссбракзерно.
Flex clumn в сочитание с shrink уже ближе к делу. Но не смог разобраться как реализовать

Comments

[Froggyweb]

Прям детектив читал бы и читал бы. Главное что ничего не понятно вообще

[Андрей Прозоров]

Froggyweb: жаль. не смог объяснить лучше

Answer 1

[Алексей Сол]

Вы имели ввиду что-то такое?

https://jsfiddle.net/alex_sol/hLteqv4d/

Два блока в контейнере, один под другим, оба занимают всю ширину контейнера. Высота нижнего блока равно высоте контента в нём. А верхний блок занимает по высоте всё оставшееся место в контейнере.

Comments

[Андрей Прозоров]

да оно! спасибо!