부모 Div가 자식 div 변경에서 컨트롤 위치를 일으키는 크기를 조정합니다

Question

나는 부모 div (내용) 안에 있어요 .4 divs를 가지고 있는데 div에없는 유효성 검사 요약을 넣고 있습니다.) 유효성 검사 요약을 보여주기 전에, 모든 Div는 올바르게 벌금을 맞추고 있습니다. 내가 위에 유효성 검사 요약을 보여주기 위해 노력하고

는 부모 DIV 내려갑니다 ... 그리고 모든 자식 된 div가 축소되어 있으며 변경할 컨트롤의 위치가 자식 DIV에 ..

나는 컨트롤이 놓여있다 하나의 div에 대해 하나의 div와 하나의 div에 대해 하나의 div에 대해 다음과 같이 divs에 자식 div가 있습니다.

자식 div의 위치 변경을 줄일 수있는 방법이 있으며 최소 너비와 최소값을 넣으려고했습니다. 높이 및 높이 및 너비를 백분율 (%)로 변경하고 오버플로 속성을 auto로 변경하고 child div의 숨김을 모두 표시했지만 그 중 일부는 나를 위해 작동하지 않았습니다. 내가 이일에서부터이 문제에 stucking하고

, CSS 스타일 또는 JQuery와 함께 할 수있는 방법 ..이있다

것 여기에 대한 하나의 PLS 도움이 .....

전 이

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

사업부

메인 컨텐츠 페이지 스타일 (2012) 버전

비주얼 스튜디오를 사용하고,이 자식 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; 
} 

당신은 pls는 u는 더 이상 코드

필요하면 알려 주시기 것이며, 이것은 내가 같은 컨텐츠 높이를 넣어 내 문제를 해결 한 자식 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

코드입니다 자동 및 각 컨트롤 (텍스트 상자 및 드롭 다운 컨트롤) 및 해당 레이블을 옆 자식 div의 한 div에 넣음으로써

유효성 검사 요약이 맨 위에 표시되면 부모 div의 자식 div에 적용되지 않습니다.