当 div 向左浮动时，如何才能使 div 不会根据浏览器窗口大小或屏幕分辨率相互堆叠？

Question

抱歉，如果我的措辞……不清楚。 我真的不知道如何正确解释我的困境。 但是让我们看看我是否可以在这里做得更好......

我正在制作一个博客，其中帖子将水平显示和滚动，而不是垂直。 每篇博文都显示在一个单独的 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;
}

Answer 1

您是否尝试过将 div 放入具有溢出：滚动的容器 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，以便我们可以准确地看到您想要实现的目标。