CSS3 가로형 배열 레이아웃이있는 두 div의 너비

Question

둘 다 두 열의 div가 있고 둘 다 여러 열 레이아웃이 있습니다. 나는 그것들을 나란히 놓고 싶다. 그러나 내가 시도하는 모든 것은 (float처럼) 모두 엉망이 될 것이다. 문제는 모든 너비가 width:auto;입니다.

내가 설명하는 jsfiddle을 한 더 나은 : http://jsfiddle.net/2fPZ2/

빨간색과 보라색 div의이 같은 줄에 있어야합니다.

결과는 빨간색과 보라색 부분 인 섹션이있는 가로 레이아웃이어야합니다. 제안 사항이 있으십니까?

Answer 1

.container에 -webkit-column-count:2을 그냥 추가하십시오.

CSS

.container{ 
    height:100%; 
    width:100%; 
    position:relative; 
    background:red; 
    -webkit-column-count: 2; 
} 

JSFiddle.

이상 : column-count.

Answer 2

당신의 대답은 매튜 제임스 테일러의 예의입니다 :

http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm