我正在尝试设置 .NET DropDownCheckList 控件的样式,使其在样式和功能上适合我的一个用户控件。
目前,我正在按如下方式处理 DropDownCheckList 实现(一旦我弄清楚如何解决该问题,我计划将表结构转换为 <div>
和 CSS 样式):
<asp:Panel ID="CmbCkBxPanel" runat="server" Height="20px" Width="160px" BackColor="White">
<asp:HiddenField ID="hfEmptyText" runat="server" />
<table id="CmbCkBxTable" style=" background-color:White; table-layout: fixed; height: 20px; border-collapse: collapse; border-style: solid; border-width: 1px; border-color:Black;" cellspacing="0" cellpadding="0" width="100%" runat="server">
<tr id="rowDD" style="border-style: none;background-color: White;" runat="server">
<td style=" white-space:nowrap;" valign="middle"><asp:textbox id="DDTextBox" ReadOnly="true" style="cursor: default; vertical-align:middle;" runat="server" Width="100%" ToolTip="" BackColor="White" font-names="Arial" BorderColor="Transparent" BorderStyle="None" ></asp:textbox></td>
<td id="colDDImage" width="16">
<asp:Image ID="btnImage" runat="server" /></td>
</tr>
</table>
<div style="z-index: 200; background-color: White; display:none; border-style:solid; border-width:thin; border-color:Black;" id="listdiv" runat="server">
<asp:CheckBoxList ID="CBList" runat="server" width="100%" style=" text-align:left; background-color:White;" RepeatColumns="1">
</asp:CheckBoxList>
</div>
</asp:Panel>
在页面加载时,控件看起来像这样(请注意,我将它用于帐户和品牌过滤器):
但是,当我选择下拉菜单时,它会将整个 div 向下推,如下所示:
问题:是否可以重叠下面的div,而不是将蓝色容器div向下推?还是我的页面结构有问题?
如果您需要容器 div 及其各自的 CSS 来帮助我进行故障排除,我可以将它们包括在内。
谢谢!
最佳答案
如果您不希望 div 占用您页面中的空间,那么您需要将它的位置设置为绝对位置。
关于css - 下拉检查列表将 Div 向下推而不是重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18083224/