0

我有 ParentDiv(content) 里面我有 4 个子 Divs ，我将验证摘要放在顶部，但这不在 div 中（因为它需要动态调整大小），然后显示验证摘要其工作正常，所有 Div 都是正确对齐它的罚款。

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

我已将控件放置在单个 div 中的子 div 中（即）一个标签用于一个 div，一个文本框用于一个 div，就像这样...

有什么方法可以减少子 div 中的位置变化，我尝试将最小宽度和最小高度以及高度和宽度以百分比（％）的形式进行，并将溢出属性更改为子 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>
4

1 回答 1

0

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

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

于 2013-07-18T05:04:28.377 回答