css 왼쪽 및 오른쪽 여백이 같은 4 열 왼쪽 떠 다니는 레이아웃

Question

4 열의 왼쪽 플로팅 레이아웃이 있습니다. 왼쪽 및 오른쪽 여백에 대해 동일한 여백을 원합니다. 왼쪽에 4 개의 열을 떠 다니고 각 float에 20px의 오른쪽 여백을 할당했습니다. 전체 너비 열 div 올바르게 보이지만 여백 및 열 너비가 다른 열에 올바르게 표시되지 않습니다. 나는 수학에 몇 번이고 눈이 굽혀지고 내가 뭘 잘못하고 있는지 알아 내려고 노력하고있다.

이 작업을 수행하는 가장 좋은 방법이나이를 수행하는 방법에 대한 제안이 있으십니까? 총 5 열의 20px 너비의 첫 번째 열을 만들거나 표를 사용할 수 있습니다. 그러나 나는 이것을하는 더 우아한 방법을 찾고 있었지만 어쩌면 가능하지 않을 수도 있습니다. IE7도 지원해야합니다. 감사.

Code here - 4 column margins not correct

Answer 1

나는 당신의 CSS에 문제가 당신이 계정에 패딩을하지 않았다 것 같다.

더 우아하게하기 위해 모든 블록을 동등한 여백으로 가운데에 맞춰야합니다.

내가 코드를 검사하고 조금 :)

어쨌든

http://jsfiddle.net/w3YRF/5/

, 당신은 Grid960 같은 그리드 시스템을 사용하는 것이 좋습니다 (http://960.gs/) 그것을 수정 한 그 당신은 당신에게 큰 손길을드립니다!

건배!