Как остановить расширение 2 субконтейнеров - PullRequest
0 голосов
/ 03 мая 2020

У меня есть контейнер, который я не хочу расширять при заполнении данными. Я хочу знать, как я могу достичь этого в css. У меня здесь четыре контейнера. Основной контейнер (черный), субконтейнер (оранжевый), субконтейнер1 (синий), субконтейнер2 (зеленый). Основной контейнер имеет высоту заполнения экрана. Я установил Sub-container1 с 85% высоты основного контейнера и sub-container2 с 15%. Я хочу, чтобы sub-container1 (синий) и sub-container2 (зеленый) больше не расширялись с высоты, если я поместил много содержимого. Может кто-нибудь помочь мне, как я могу достичь этого в css?

enter image description here

Ответы [ 2 ]

1 голос
/ 03 мая 2020

Набор overflow: scroll; или overflow: hidden; для подконтейнеров.

0 голосов
/ 03 мая 2020

Вы пытались присвоить субконтейнерам max-height? Кроме того, что вы хотите, чтобы произошло с контентом, который не подходит? Вы можете задать субконтейнеры либо overflow:scroll, либо overflow:hidden

...