Предельное количество CheckBox элементов списка и добавить скроллинг

Question

У меня есть два списка флажок в ASP.NET, что я Populating динамически с помощью выпадающего списка,

теперь оба находятся в дивы, один содержит имена всех фруктов и один содержит только имена фруктов в конкретном ящике.

Если в моем списке флажков много предметов, то оно переполняется из div, есть ли способ, которым я могу это исправить?

Это Разметка

<div class="list1"> 
     <asp:Label ID="Label3" runat="server" Text="Available fruits" /> 
     <asp:CheckBoxList ID="CheckBoxList1" runat="server" AutoPostBack="true" /> 
    </div> 
    <div class="list2"> 
     <asp:Label ID="Label4" runat="server" Text="fruits in a crate" /> 
     <asp:CheckBoxList ID="CheckBoxList2" runat="server" AutoPostBack="true" /> 
    </div> 

CSS

.list1 
    { 
     clear: both; 
     float: left; 
     width: 290px; 
     height: 190px; 
overflow-y:scroll; 
    } 

    .list2 
    { 
     float:right; 
     width: 290px; 
     height: 190px; 
overflow-y:scroll; 
    } 

Update

Я попытался добавив в сНу класса overflow-y:scroll; и overflow:scroll; Я также поставил мой список флажок к отдельный div и но не приносят больше пользы.

Answer 1

Если вы явно задать высоту, вы можете смотреть добавить overflow:scroll;