어떻게이 개 된 div를 수평으로

Question

가정하자 다른 크기를 가진 두 개의 div의를 정렬? 기본적으로 왼쪽 div를 확장하므로 둘 다 같은 높이가됩니다.

높이를 명시 적으로 설정하고 싶지 않습니다. <br />이 예상되는 방식으로 작동하도록

Answer 1

그냥 당신은 또한에 대한 행 높이를 설정할 수 있습니다

min-height:50px; 

을 다음과 같이 CSS에서 부모 divison의 높이 또는 최소 높이 속성을 설정

Answer 2

display: table-cell 속성을 사용하면 쉽지만 IE7 이하의 브라우저는 지원하지 않습니다. 어쨌든 그것을하는 방법이 있습니다.

.container { 
    display: table; 
} 
.container > div { 
    display: table-cell; 
} 

바이올린 : http://jsfiddle.net/gAQtR/1/

Answer 3

하나의 가능한 솔루션은 "One True Layout"의 일부로 알려져

#block_1, #block_2 { 
    padding-bottom: 32767px; 
    margin-bottom: -32767px; 
} 
#wrapper { 
    overflow: hidden; 
} 

그 다음 display: table 방법이 있지만이 8 이하 IE에서 지원되지 않는다.

"CSS 항목 부동 소수점 높이"또는 이와 유사한 조합에 대한 google 외에도.

이 두 가지 방법에 의해 행해질 수

Answer 4

하나 둘 div에

라인의 라인 일 개
라인의 동일한 최소 높이를 설정하는 두

왼쪽 {최소 높이 : 50 픽셀; }

오른쪽 {최소 높이 : 50px; }

=========================================== ===============

또는
태그를 삽입하여이를 수행 할 수 있습니다. : 두

라인 하나 개 라인 하나 개
라인 같은 부모 DIV의 닫는 태그 전에 두

Answer 5

링크는 아래에 표시됩니다 당신의 문제에 대한 코드 http://jsfiddle.net/tashniamit/kVqpE/1/