javascript - 親 Div のサイズが変更され、子 Div のコントロールの位置が変更される

Question

私は ParentDiv(content) を内部に持っており、4 つの子 Div を持っています。検証の要約を上に置いていますが、これは div にはありません (動的にサイズを変更する必要があるため) 検証の要約が正常に機能していることを示す前に、すべての Div は適切に整列することは問題ありません。

検証の概要を一番上に表示しようとすると、親 div がダウンします...そしてすべての子 div が縮小され、コントロールの位置が子 div に変更されます..

コントロールを個々の div の子 div に配置しました (つまり、このように 1 つの div に 1 つのラベルと 1 つの div に 1 つのテキスト ボックスを配置します...

子divの位置の変化を減らす方法はありますか?最小幅と最小高さ、高さと幅をパーセンテージ(%)で入れてみましたが、オーバーフロープロパティを子divのautoとhiddenに変更しましたが、それらはすべてそうではありませんでした私のために働いた。

2日から、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の1つです

#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>