DIV没有环绕控件

时间:2015-05-07 09:00:43

标签: html css asp.net

上午,

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

enter image description here 黄色小方框是我的父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>

&#34; divCUSTOMER_INSURED_PARTY__TITLE_ID__1&#34;是父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正确地包裹着所有东西。

感谢您的帮助。

2 个答案:

答案 0 :(得分:1)

在关闭黄色div之前尝试clear

HTML:

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

CSS:

.clear{clear:both;}

答案 1 :(得分:0)

尝试将overflow: auto添加到.questionRow类。