【发布时间】:2011-08-26 16:08:09
【问题描述】:
我正在尝试基于 oocss 框架实现相对宽度列。为了在列之间添加一个装订线,我在列及其内容之间添加了一个内部 div。
问题是我最终得到宽度不等的列...
我可以通过对第一列和最后一列使用相同的填充来避免这种情况,但由于我想嵌套列,它会在右侧和左侧创建一个移位...
这是一个小提琴:
欢迎任何想法!
谢谢
【问题讨论】:
我正在尝试基于 oocss 框架实现相对宽度列。为了在列之间添加一个装订线,我在列及其内容之间添加了一个内部 div。
问题是我最终得到宽度不等的列...
我可以通过对第一列和最后一列使用相同的填充来避免这种情况,但由于我想嵌套列,它会在右侧和左侧创建一个移位...
这是一个小提琴:
欢迎任何想法!
谢谢
【问题讨论】:
.unit > .content:first-child {
padding: 0 2em;
}
问题在于您的内部 .content div。中间列的两边都有填充,因为左列只有右边有填充,右列只有左边有填充。
外部单元 div 的大小都相同。如果您需要视觉效果,则使用 firebug 检查元素可以很好地突出显示填充。
【讨论】: