다른 div의 div 높이를 동적으로 변경하는 방법

Question

div의 높이를 div 내부의 요소 수에 따라 동적으로 변경하려고합니다. 내가 뭘하려고하는지 전체 아이디어는 아래 다이어그램에 표시됩니다

마지막 div는 동적으로 변경할 수 있어야합니다. 그것은 제 3 내부 div의 높이를 설정해야 할 것 같습니다. 그렇지 않으면 div가 기본 div 외부에 나타납니다. 내가 시도

솔루션 :

1) 오버 플로우 : 자동

2) 3 내부 DIV의 높이를 설정하지 않으려 고 노력.

자바 스크립트를 사용해야합니까? 자바 스크립트를 사용할 수 없습니까? 이러한 솔루션은 작동하지 않았습니다. 조언이 필요합니다. 질문이 반복되면 ....

Answer 1

안녕하세요 지금은 생각하면 점검이

HTML

<div class="parent"> 
    <div class="child1"> 
    <div class="one">One</div> 
    <div class="one">two</div> 
    </div> 

    <div class="child1"> 
    <div class="one">One</div> 
    <div class="one">two</div> 
    </div> 


    <div class="child2"> 
    dynamic height 
    </div> 

</div> 

CSS는

.parent{ 
border:solid 1px red; 
} 
.child1, .child2{ 
overflow:hidden; 
    margin:10px; 
    border:solid 2px green; 
} 

.one{ 
background:red; 
    border:solid 1px black; 
    padding:10px; 
    float:left; 
    margin:10px; 
} 

라이브 데모http://tinkerbin.com/i1R8emEb

디자인에 따라 너비 또는 높이를 변경하십시오 ..

Answer 2

div에 고정 높이를 지정하지 말고 CSS에 float:left;을 사용하면됩니다.