고르지 않은 격자 레이아웃

Question

다음은 예제입니다.

http://jsfiddle.net/wnud4/1/

나는 기존의 마진을 제외하고, 더 큰 격차로 다른 주문 후 하나에 해당하는 녹색 상자와 파란색 상자를 모두 꿔. 어떤 이유로 든 파란색 열의 두 번째 요소가 정렬에 대해 불평하고 있습니다. 누군가에게 제안이 있거나, 내가 잘못된 방향으로 접근하고 있다면 안내를 해줄 수 있습니다. 열을 미리 정의하고 싶지는 않지만 그 외에는 아무 것도 열지 않습니다. 감사! 구글 크롬과 FF하지만 당신은 부동의 조합을 사용하여 시도 할 수 제외한 아무것도에서 테스트되지 않은

Answer 1

보다는 두 컬럼에 수레를 사용하여, 당신은 단지 float: left을 사용할 수 있습니다 왼쪽 열에 margin-left을 오른쪽 열에 사용하면 해당 div가 떠 다니는 div를 지나치게됩니다. 그렇다면 모든 것을 고르게 유지하려면 너비와 여백을 정리해야합니다. 도움을 http://jsfiddle.net/UZY6t/2/

Answer 2

는 : 왼쪽 여백 왼쪽 :

http://jsfiddle.net/wnud4/7/