CSS相对大小列不等宽问题

我正在尝试基于oocss框架实现相对宽度列。为了在列之间添加一个檐槽，我在列及其内容之间添加了一个内部div

问题是我最终得到的列的宽度不相等

我可以通过对第一列和最后一列使用相同的填充来避免这种情况，但由于我想嵌套列，因此会在右侧和左侧创建一个移位

这是一把小提琴：

欢迎任何意见

谢谢

}

问题在于您的内部.content div。中间的列在两侧都应用了填充，因为左边的列只有右边的填充，右边的列只有左边的填充

外部单元div的大小都相同。如果需要视觉效果，使用firebug检查元素可以很好地突出显示填充

.unit > .content:first-child {
padding: 0 2em;