Проблемы со свойством переполнения CSS div

Question

У меня есть div, у которого есть много списочных элементов в строках вертикали (более 200). В зависимости от разрешения экрана размер контейнера контейнера должен изменяться в соответствии с размером экрана и создавать вертикальную полосу прокрутки и горизонтальную полосу прокрутки для боковой прокрутки - однако; используя overflow: auto или даже overflow: при прокрутке элементы списка не обрезаются, чтобы поместиться в элемент контейнера, и горизонтальная полоса прокрутки не добавляется. Итак, у меня есть контейнер шириной примерно 700 пикселей и шириной элементов списка примерно 1000 пикселей, и эти элементы списка висят над краем моего контейнера (справа) на 300 пикселей. Что я могу сделать, чтобы это исправить? .. вот мой CSS для контейнера ...

#report-box #report-text{
   position:relative;
   height:96%;
   width:1200px;
   overflow:auto;
   font-size:12px;
   color:#000;
   margin:0px 0 0 0;
   }

Мои элементы списка оформлены в моем HTML-формате следующим образом:

        <li class='_1' style='width:100%; float:left; position:relative;'>SOMEDATA</li>

Answer 1

Я не уверен, в чем заключалась проблема, но вместо того, чтобы заставить ее работать, я сделал дополнительный контейнер внутри исходного контейнера и указал переполнение: auto для этого и каким-то образом он теперь работает.

Answer 2

Вы, вероятно, можете установить максимальную высоту для контейнера.