css - 蓝图 CSS 框

Question

我目前正在测试Blueprint以创建站点的布局。到目前为止，一切都很好，但现在我遇到了一个问题，我想知道是否有任何优雅的解决方案。

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

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

问题是 box-class 添加了一个填充，导致三个 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 示例。