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