Html 当div浮动到左侧时，如何使div不会基于浏览器窗口大小或屏幕分辨率彼此堆叠？

如果我的措辞是。。。不清楚的。我真的不知道如何恰当地解释我的困境。但让我们看看我是否能在这里做得更好

我正在制作一个博客，在这个博客中，帖子将被水平显示和滚动，而不是垂直显示。每个博客文章都显示在一个单独的div中，这些div通过向左浮动而并排显示

但是，基于计算机的分辨率，或者查看页面的窗口大小，div将堆叠在彼此的顶部，而不是像我所希望的那样并排显示。当然，如果屏幕分辨率足够大，可以显示每一个div，它会工作得非常好，但事实并非如此

我很感激能得到的任何帮助、提示和指点。多谢各位

编辑 就代码而言，这是我使用的基本HTML结构和CSS：

<div class="post">Post Content</div>
<div class="post">Post Content</div>
<div class="post">Post Content</div>
<div class="post">Post Content</div>
<div class="post">Post Content</div>

.post {
     float: left;
     margin-top: 74px;
     margin-left: 50px;
     margin-right: 50px;
}

---

您是否尝试过将div放入带有overflow:scroll的容器div中

例如：

<div id="container" style="overflow:scroll; height: 100px; width: 500px;">
<div class="post"></div>
<div class="post"></div>
<div class="post"></div>
</div>

如果这不能回答您的问题，那么也许您可以向我们展示您现有的标记/CSS，这样我们就可以确切地看到您试图实现的目标