Question

我有ParentDiv（内容）里面我有4个孩子Div，我把验证摘要放在顶部，但这不在div中（因为它需要动态重新调整大小）才能显示验证摘要工作正常，所有的Div都正确地调整好了。

当我试图在顶部显示验证摘要时，父div下降...并且所有子div都在缩小，并且控件的位置在子div中发生了变化..

我已将控件放在各个div中的子div中（即一个div的一个标签和一个div的一个文本框，如此...

有没有办法减少子div中的位置变化，我尝试将min宽度和最小高度，高度和宽度设置为百分比（％），并将溢出属性更改为自动和隐藏的子div，但所有这些对我不起作用。

我坚持这个问题，因为从两天开始，是否有任何关于css样式或jquery的方法..

任何人都可以帮忙......

我正在使用Visual studio（2012）版本

这是主要内容页面Div

的样式

#cotent {
   position: relative;
   /*min-height: 440px;*/
   /*height: auto;*/
   /*width: auto;*/
   /*height: auto !important;*/ 
   height: 737px;
   /*height: 100%;*/

   width: 1313px;
   min-height: 840px;
   top: 0px;
   left: 0px;
   overflow: hidden;
}

这是针对其中一个子div

#leftSideDiv {
   position: relative;  
   top: -20px;
   /*height: 70%;
   width: 70%;*/
   /*display: block;*/
   /*min-height: 95%;
   min-width: 100%;*/
   /*height: 90%;
   width: 95%;*/
   height: 361px;
   width: 529px;
   /*height: auto;
   width: auto;
   left: 19px;
   /*overflow: auto;
   resize: both;*/
   /*margin-left: auto;
   margin-right: auto;*/
   display: inline-block;
}

如果你需要更多代码，请告诉我

这是子div（leftsideDiv）的代码

 <div id="leftSideDiv">
        <asp:Label ID="Label15" Font-Size="Large" Font-Bold="true" runat="server" Text="Direct Shipment:"></asp:Label>
        <div id="lblbilltypeDiv">
            <asp:CheckBox ID="ChkBilltyDir" AutoPostBack="true" OnCheckedChanged="ChkBilltyDir_CheckChanged" runat="server" />
            <asp:Label ID="Label16" runat="server" Text="Bill Type:"></asp:Label>
        </div>     
        <div class="dlbilltydirDiv">
            <asp:DropDownList ID="ddlBillTypeDirect" runat="server" Height="20px" Width="140px">                
            </asp:DropDownList>
            <asp:CustomValidator ID="BillTypeDirectValidator" Text="*" 
                 ValidateEmptyText="true" Display="Dynamic" ValidationGroup="TestValidation"
                 runat="server" ErrorMessage="*" OnServerValidate="ValidateBilltypedir_SeverValidate" 
                ControlToValidate="ddlBillTypeDirect"></asp:CustomValidator>
        </div>
        <div id= lbl2>
        checkbox
         lable2
        </div>
       <div id = dropdown2>
          dropdowncontrol2 
           customvalidator2
       </div>
    <div id= lbl3>
        checkbox3
         lable3
        </div>
       <div id = dropdown3>
          dropdownlist3
           customvalidator3
       </div>  
    ...................
     like this 
     in child div
</div>

Answer 1

我通过将内容高度设置为auto并将每个控件（文本框和下拉控件）和相应的标签放在side子div中的一个div中来解决我的问题

如果验证摘要现在出现在顶部，它将不会对父div中的子div产生影响....

父Div调整大小，导致子div更改中的控件位置

1 个答案: