蓝图 CSS 框

Question

我目前正在测试 Blueprint 来创建网站的布局。到目前为止，一切进展顺利，但现在我遇到了一个问题，我想知道是否有任何优雅的解决方案。

我正在使用默认的 24 列布局，并且有一种情况我想做类似的事情：

<div class="span-8 box">..</div>
<div class="span-8 box">..</div>
<div class="span-8 box last">..</div>

问题是盒子类添加了一个填充，导致三个 div 不适合 24 列。 一种“解决方案”是对所有三个都使用 span-7，但这不会填充整个宽度。

有什么想法吗？

Answer 1

您可以这样使用该类：

<div class="span-8">
    <div class="box">..</div>
</div>
<div class="span-8">
    <div class="box">..</div>
</div>
<div class="span-8 last">
    <div class="box">..</div>
</div>

Answer 2

您可以更改“span-7”css 规则：

...
.span-7 {width:274px;}
...

并将 div 更改为“span 7”。

我能想到的最简单的事情:)

jsFiddle 示例。