删除中间列的边距时，div的右边缘不对齐

Question

在使用Blueprint CSS框架时，我想删除所有列之间的边距。不幸的是，当我删除这些边距时，任何跨越所有列的div现在看起来都比删除了边距的那些行上的div的总宽度还要宽。在那些有很多列的行上效果更差。

对于那些我使用了全部24列的行，我希望div的右边缘对齐。这个问题可以在不求助于一堆Blueprint hack的情况下解决吗，或者不需要手动调整容器或其他东西的大小来解决丢失的页边距吗？

Head中的代码：

<style type="text/css">
        .topnav{background-color:blue;}
        .logo{background-color:yellow;}
        .icons{background-color:orange;}
        .search{background-color:red;}
</style>

Body中的代码：

<div class="container">
        <div class="span-24 first last top topnav">Top Nav</div>
        <div class="span-5 first logo">Logo</div>
        <div class="span-3 append-8 icons">Icons</div>
        <div class="span-8 last bottom search">Search</div>
</div>

Answer 1

如果你真的需要删除列之间的边距(我怀疑是这样的，但没有更多的信息，我无法提供更多的帮助)，那么最好的方法是重做整个网格。以下是blueprint的生成器，您可以在其中指定所有需要的变量，包括间隔(列之间的边距)：http://ianli.com/blueprinter/