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