上午,
我正在尝试做一些如此简单的事情,但出于某种原因,我的父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>
&#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正确地包裹着所有东西。
感谢您的帮助。
答案 0 :(得分:1)
在关闭黄色div之前尝试clear
HTML:
<div class="clear"></div>
CSS:
.clear{clear:both;}
答案 1 :(得分:0)
尝试将overflow: auto
添加到.questionRow
类。