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

Question

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

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

但是根据计算机的分辨率或查看页面的窗口的大小，div 将堆叠在一起，而不是像我预期的那样并排显示。当然，如果屏幕分辨率足够大以显示每个 div，效果会很好，但事实并非如此。

我感谢我能得到的任何帮助、提示和指示。非常感谢。

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

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

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

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，以便我们可以准确地看到您想要实现的目标。