css具有相等左右邊距的四列左浮動佈局

Question

我有一個四列左浮動佈局。我希望左邊和右邊的利潤率相等。我已經將四列懸浮在左邊，並在每個浮動上分配了20px的右邊距。全寬列div看起來正確，但邊距和列在寬度不同的列上顯示不正確。我已經多次重複數學計算，並且我的眼睛正在燃燒，試圖弄清楚我做錯了什麼。

有關如何做到這一點或如何做到這一點的最佳方法的任何建議？我可以爲總共五列創建一個20px寬度的第一列，或者使用表格。但我正在尋找一種更優雅的方式來做到這一點，但也許這是不可能的。我也必須支持IE7。謝謝。

Code here - 4 column margins not correct

Answer 1

我猜你的CSS問題是，你沒有考慮填充進去。

爲了做到這一點更優雅，你應該集中所有的塊等邊距。

我檢查你的代碼並修改了一些:)

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

無論如何，我建議你使用一個網格系統，如Grid960（http://960.gs/），其你在路上給你一個很棒的手！

乾杯！