northfire
@northfire

Как решить проблему с max-height и flex-column?

Здравствуйте, знатоки! )

https://codepen.io/northfire/pen/xxPZQOw

Главный родитель может и будет переполняться. У него нужно иметь max-height , но при этом когда пошло переполнение, должен появляться у .content - скрол. В данным момент работает лишь когда у родителя фиксированно задан height. Есть ли идеи как сохранить "резиновость" по высоте , но и при этом при переполнении что бы был скролл?

P.S> вопрос разрулен гридам(спасибо за решение!) . но можно и флексом(есть мелкий баг в фф) https://codepen.io/northfire/pen/xxPZQOw
  • Вопрос задан
  • 151 просмотр
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Да что за напасть?
Не нужно делать это абсолютами
https://qna.habr.com/q/1107394
https://qna.habr.com/q/1102624

Ответ написан
Пригласить эксперта
Ответы на вопрос 2
DanArst
@DanArst Куратор тега CSS
Гриффиндор в моде при любой погоде!
Вам в любом случае придется задать height, либо использовать position: relative и position:absolute для соответствующих блоков.
Потому что в текущем случае высота внешнего блока, т.е. .test вычисляется по содержимому, поэтому задать в % высоту для его дочерних блоков не получится - она автоматически будет считаться как height: auto.
Ответ написан
Комментировать
sharnirio
@sharnirio
Front-end developer
Не так давно, попал на довольно интересный и неочевидный метод, решения похожего вопроса
Ответ написан
Ваш ответ на вопрос

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

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