Html 如何制作<；部门>；块之间没有任何间隙吗？

我怎样才能避免这些块之间的空格，它们应该是水平排列的

#包装器{
保证金：0px自动；
宽度：1054px；
}
#职位{
浮动：左；
宽度：804px；
}
#边栏{
位置：固定；
宽度：250px；
身高：100%；
边际上限：0px；
左边距：804px；
}
.邮政{
右边距：0px；
边框：1px纯黑；
边缘底部：0px；
填充：10px；
浮动：左；
宽度：400px；
}

---

这取决于你在找什么

<!-- rows -->
<div>
    <!-- columns -->
    <div style="float:left;">
        Things will be one after another here
    </div>
    <div style="float:left;">
        Same here
    </div>
</div>
<!-- rows -->
<div>
    <!-- columns -->
    <div style="float:left;">
        These will be AFTER the ones above, can't move them up higher without absolutes & javascript
    </div>
    <div style="float:left;">
        Same here
    </div>
</div>

这里的事情会一件接一件
彼此彼此
这些将在上面的之后，如果没有绝对的javascript，就无法将它们提升到更高的位置
彼此彼此

如果在纯css中执行此操作，则需要使用列

#wrapper{
    width: 1054px;
    margin: 0 auto;
}

#posts {
    -moz-column-count: 4; /* Change the column count you're wanting to create */
    -moz-column-gap: 0px; /* Add Space between if you need them */
    -webkit-column-count: 4;
    -webkit-column-gap: 0px;
    column-count: 4;
    column-gap: 0px;
    width: 1054px;
}

#posts .post{
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}

---

这适用于大多数浏览器，如果所有浏览器都需要某些功能，那么您应该使用谷歌jquery砖石。

Hello Dan，欢迎使用Stack Overflow！首先，我很想帮助你，但是我需要一些关于你实际做了什么的代码。如果上面的代码是您已经完成的，那么它甚至不能正确显示框。请给我们一个更好的表示您的代码实际上是什么。如果这是你的代码，并且它一般不起作用，那么说出来，我可以进一步帮助你：）问题是你是浮动的，所以第二篇文章比第一篇文章更长，占用的空间更多。既然你已经决定了一个两列的布局，考虑调整你的逻辑，让你有两个列，而不是依靠浮动来处理自己。这是一个完整代码的页面：danyaivnv.tumblr。com@TZHX但是，如果我将创建两列布局，那么所有的帖子都将在每个列中彼此跟随，而不是水平方向，而是垂直方向！当我试图创建Tumblr主题时，我需要将最新的帖子放在页面顶部。@dan这样试试。诀窍是创建一个大的底部填充和一个相同的大的否定边距底部，这将迫使浏览器为浮动元素指定一个“高度”。与lorum lpsum