0

我有一个四列的左浮动布局。我希望左右边距的边距相等。我将四列浮动到左侧,并在每个浮动上分配了 20px 的右边距。全宽列 div 看起来正确,但边距和列在不同宽度的列上显示不正确。我已经复习了几次数学,我的眼睛在燃烧,试图弄清楚我做错了什么。

关于执行此操作的最佳方法或如何执行此操作的任何建议?我可以为总共五列创建一个 20 像素宽的第一列,或者使用表格。但我一直在寻找一种更优雅的方式来做到这一点,但也许这是不可能的。我也必须支持IE7。谢谢。

此处的代码 - 4 列边距不正确

4

1 回答 1

0

我猜你的 CSS 的问题是你没有考虑到填充。

为了更优雅地做到这一点,您应该以相等的边距居中所有块。

我检查了您的代码并对其进行了一些修改:)

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

无论如何,我建议您使用 Grid960 (http://960.gs/) 之类的网格系统,它会在您的路上助您一臂之力!

干杯!

于 2012-07-02T18:07:34.393 回答