html - DIV 没有环绕内部的控件

Question

早上好

我正在尝试做一些如此简单的事情，但出于某种原因，我的父 div 没有环绕它的控件。

黄色小方框是我的父 DIV，控件(Label、DropDownList)位于该 div 内，但如您所见，方框并没有环绕它们。

<div id="divCUSTOMER_INSURED_PARTY__TITLE_ID__1" runat="server" class="form-group questionRow"
    clientidmode="Static">
    <asp:Label ID="Label1" runat="server" AssociatedControlID="CUSTOMER_INSURED_PARTY__TITLE_ID__1"
        CssClass="control-label col-md-4">Title</asp:Label>
    <div class="col-md-4 form-group fixedControl">
        <asp:DropDownList ID="CUSTOMER_INSURED_PARTY__TITLE_ID__1" runat="server" CssClass="form-control"
            ListTable="LIST_TITLE" TopItems="">
        </asp:DropDownList>
        <div class="help">
        </div>
        <div class="validator">
            <asp:RequiredFieldValidator ID="reqCUSTOMER_INSURED_PARTY__TITLE_ID__1" runat="server"
                ControlToValidate="CUSTOMER_INSURED_PARTY__TITLE_ID__1"           Display="Dynamic" InitialValue="0"
                ValidationGroup="">
<div class="alert alert-danger">Please Complete.</div>
            </asp:RequiredFieldValidator></div>
    </div>
</div>

“divCUSTOMER_INSURED_PARTY__TITLE_ID__1”是父 div，其他所有内容都包含在里面。

这是我的 CSS 代码:

.form-group {margin-bottom: 0px}
.questionRow {padding: 3px; border: 0px none #FFF; padding-left: 10px; padding-right: 10px;}

有人知道这是什么原因吗？

回答:

我在父 DIV 的底部添加了:

<div class="clear"></div>

在我的 CSS 中我添加了这个:

.clear{clear:both}

这使得 DIV 正确地环绕所有内容。

感谢您的帮助。

Answer 1

在关闭黄色 div 之前尝试 clear

HTML:

<div class="clear"></div>

CSS:

.clear{clear:both;}