列左浮动布局具有相等的左右边距

2018-07-01 17:33:53

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

有关如何做到这一点或如何做到这一点的最佳方式的任何建议？我可以为总共五列创建一个20px宽度的第一列，或者使用表格。但我正在寻找一种更优雅的方式来做到这一点，但也许这是不可能的。我也必须支持IE7。谢谢。

代码在这里 - 4列边距不正确

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

为了做到这一点更优雅，你应该集中所有的块等边距。

我检查了你的代码并修改了一下:)

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

无论如何，我建议你使用Grid960（http://960.gs/）这样的网格系统，这样你就可以为你提供一个很棒的手段！

干杯!

链接地址: http://www.djcxy.com/p/88475.html