0

我在 asp.net 中有两个复选框列表，我使用下拉列表动态填充它们，

现在两者都在 div 中，一个包含所有水果名称，一个仅包含特定箱子中的水果名称。

如果我的复选框列表中有很多项目，那么它会溢出 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;
    }

更新

我尝试将其添加到 div 类overflow-y:scroll;，overflow:scroll; 我还将我的复选框列表放入一个单独的 div 并添加到上面，但没有收获只有痛苦先生。

4

1 回答 1

1

如果您设置了明确的高度，您可能希望添加overflow:scroll;

于 2013-05-13T11:58:07.730 回答