Css 2个div与float重叠：右

我正在使用HTML和CSS，我发现很难重新排列重叠的元素

CSS:

HTML:

会员登录

当我调整浏览器窗口的大小时，这两者总是相互重叠。 我希望我能在这里发布一张图片，但它需要10次重复。

看这里：

---

您必须让内容浮动，并在登录视频的大小中创建边距。

请问，您在哪里关闭

#posts

div？这可能是因为

#登录容器

在

#posts

中，重叠是什么意思？你能把你的照片上传到任何地方吗？这样我们就可以知道问题出在哪里了。你需要提供更多的示例代码，我们应该能够重现你的问题。你是说“帖子”和“登录容器”吗？这可能是因为您没有关闭“帖子”，这是您的问题的正确行为吗？

overflow:clear

不存在。谢谢你的回答，但是它会影响登录表单的设计，并且有一点重叠。你可以说我们，结果应该如何。帖子（蓝色的）不能移动，也不能与登录表单重叠。我已经更新了答案。请查看此解决方案是否正确。如果没有，请添加更多的信息/屏幕截图。但是，先生，您能看看这篇文章吗？

#posts {
    background: blue;
    float: right; 
    width: 75%; 
    padding: 5px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 2px 10px rgba(0, 0, 0, 0.5);
}

#login-container {
    overflow: clear;
    background: white;
    width: 280px;
    height: 330px;
}

<div id="content" class="container">
  <div id="posts">
    <div id="login-container">
        <div id="login">
            <h1>Member login</h1>
        </div>
    </div>
  </div>
</div>

#posts {
  float: left; 
  width: 100%;
  margin-left: 288px; 
}