Html 删除中间列的边距时div的右边缘未对齐

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

对于使用全部24列的行，我希望div的右边缘对齐。这个问题是否可以在不借助一系列蓝图破解的情况下得到解决，或者不需要手动调整容器或其他东西的大小，只需调整适当数量的像素即可解决缺少的边距

标题中的代码：

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

.topnav{背景色：蓝色；}
.logo{背景色：黄色；}
.icons{背景色：橙色；}
.search{背景色：红色；}

正文中的代码：

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

顶部导航
标志
图标
搜寻

如果您真的需要删除列之间的边距（我对此表示怀疑，但如果没有更多信息，我无法提供更多帮助），那么最好的办法是重新创建整个网格。这是blueprint的生成器，您可以在其中指定所有需要的变量，包括边距（列之间的边距）：

您的评论让我重新思考了我的设计。我认为你说得对，你不需要真的去掉利润。我担心相邻的图像不应该有边距，但这些是背景，可以在父div中完成。您的blueprinter建议也解决了我描述的问题。非常感谢。