0

.NET DropDownCheckList コントロールのスタイルを設定して、ユーザー コントロールの 1 つにスタイルと機能を適合させようとしています。

現在、私は次のように 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 が必要な場合は、それらを含めることができます。

ありがとう！

4

1 に答える 1

1

div がページ内のスペースを占めたくない場合は、div の位置を絶対に設定する必要があります。

于 2013-08-06T14:55:26.627 に答える