Как я могу запретить контенту не превышать длину контейнера?

Question

Я показываю список клиентов на странице, и на правой стороне у меня есть календарь, показывающий, чтобы запланировать новую дату назначения. При тестировании вывода я обнаружил, что если в этот день будет много клиентов, список будет превышать длину контейнера. Что с этим делать ..

некоторый код:

контейнер:

#container {
background-color: #FFFFFF;
margin:0 auto; 
min-height: 600px;
width: 900px;
border:0px solid #999999;
margin-top:30px;
font-size:15px;
color: #000000;
margin-bottom:60px;
position:absolute;
}

#calendar {
margin-left:400px;
}

Answer 1

Используйте минимальную высоту. Пример:

min-height: 300px;

Если вы укажете этот стиль, элемент будет иметь высоту 300px или достаточно высокий, чтобы вместить его содержимое - в зависимости от того, что выше.

(Обратите внимание, что не все веб-браузеры работают с минимальной высотой.)

Answer 2

Хотите ли вы, чтобы #container вообще расширялся?

Если нет, измените минимальную высоту на высоту и добавьте переполнение: скрыто;

Еще лучшим решением было бы изменить то, что предоставляет данные, чтобы в каждый момент времени вы получали только заранее определенное число клиентов.

Answer 3

Является ли overflow: auto; тем, что вы ищете? Если содержимое превышает размер контейнера, к нему добавляются полосы прокрутки.