Question

我在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 class overflow-y:scroll;和overflow:scroll; 我还将我的复选框列表添加到一个单独的div中并添加到上面，但是只有痛苦的先生没有收获。

Answer 1

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

限制复选框列表项的数量并添加滚动

1 个答案: