두 부동 div의 같은 높이를 동적으로

Question

상황을 : 나는이 직접 아이, 과 용기를 가지고 우리가 가 및 바로 왼쪽을 호출합니다.
그러나 잘이 의이 왼쪽 높이를지나 확장 할 수 있어야,가 높이 바로의 과거의 연장이 허용되어서는 안 떠났다.

나는

예를 들어, HTML (내 마크 업의 단순함을 유지 희망하면서) CSS와 함께이 작업을 수행하는 방법을 알아낼 수 없습니다

<div class="wrapper"> 
    <div class="left"> 
     left 
    </div> 
    <div class="right"> 
     right 
    </div> 
</div> 

예를 들어, CSS를

.wrapper { 
    display: inline-block; 
    margin: 10px 0; 
} 
.left { 
    float: left; 
    width: 60px; 
    background-color: #999; 
} 
.right { 
    float: left; 
    width: 540px; 
    border: 4px solid #666; 
    padding: 8px; 
} 

or see what I mean here

Answer 1

예, 이런 종류의 문제에 자바 스크립트를 의존해야합니다. 오른쪽 열의 높이 또는 이와 비슷한 값으로 항상 왼쪽 열의 최소 높이를 설정할 수 있습니다!

jQuery를 사용하면 시작하는 데 도움이 될 수 있습니다! http://www.cssnewbie.com/equal-height-columns-with-jquery/

Answer 2

일반적인 문제입니다. 문제는 CSS/배경 이미지 트릭이 필요하거나 자바 스크립트를 사용해야한다는 것입니다. 하나의 공통점은 Faux Columns입니다.