html - 不 float 在同一条线上，如何修复 css

Question

<div>
  <asp:CheckBox ID="chxSEN" runat="server" Text="Question" onchange="hideDiv('DIV')"/>
  <div id="DIV" style="display:none">
    <asp:Label ID="lbl" runat="server" Text="Question 2" CssClass="lbl2"></asp:Label>
    <asp:TextBox ID="lbl3" runat="server" CssClass="TextBox"></asp:TextBox>
  </div>
</div>

如果我将 css 类添加到 div id DIV 以使其正确 float ，它应该与复选框出现在同一行吗？

它出现在复选框问题下..

我检查了
(看起来它正在中断)但代码中没有。

Answer 1

你可以这样试试 Demo 。出于演示目的，我使用了 HTML 表单控件。

CSS:

#DIV {
    display:inline-block;
}
#chxSEN {
    display:none;
    float:left;
    margin-right:10px;
}

HTML:

<div>
<input type="checkbox" ID="chxSEN" runat="server" Text="Question" />
<div id="DIV">
    <label>Test</label>
    <input type="text" />
</div>

JS:

$(document).ready(function () {
    $("#DIV").hide();
    $("#chxSEN").show();

    $('#chxSEN').click(function () {
        $("#DIV").slideToggle();
    });

});