蓝图CSS框

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

我使用的是默认的24列布局，在这种情况下，我希望执行类似的操作：

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

。。
..
..

问题是box类添加了一个填充，这会导致三个div不适合24列。 一个“解决方案”是将span-7用于所有三个，但这并不能填充整个宽度

有什么想法吗？

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

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

并将div改为“span 7”

我能想到的最简单的事情是：）

---

.

您可以通过以下方式使用该类：

<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>

..
..
..

并不是每个人都知道蓝图是什么，一些指向您问题的实例的链接和蓝图网站会对我们有很大帮助：）没错。不幸的是，我现在正坐在一家咖啡馆里，所以我不能把它放到网上让任何人看到。我所说的优雅的解决方案是一个使用Blueprint CSS框架功能的解决方案。你可以使用一个像JSFIDLE这样的站点来为我们提供一个临时示例：）啊，很酷，我不知道那个站点。我把它放在这里：正如你所看到的，这三个盒子不适合24列的总宽度。我看，我会看看我是否能为你想出一个解决方案：）我知道这是一个解决方案，但这确实不是我想要的。如果可以避免的话，我不想改变蓝图框架中的任何东西。