蓝图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 example