Html Can'；我的身高不能超过100%

我有一个名为.body的父div，在这个body中有两个container div。基本上把新闻都放在一个漂亮整洁的小地方的新闻容器，我应用了float:left；为了让它保持在左边，在右边我有一个带有float的边栏元素：right；在上面。当我超过最小高度时：100%；我得到了这样的结果

---

它完全运行在身体容器外，并进入外部。。。如何修复此问题？

您需要的是

clearfix

。你需要清除浮标

<div class="body cf">
    <div class="container">
      text
    </div>
    <div class="container">
      text
    </div>
</div>

.container{
    width: 50%;
    float: left;
}

.cf:after {
    content: "";
    display: table;
    clear: both;
}

文本
文本
.集装箱{
宽度：50%；
浮动：左；
}
.cf：之后{
内容：“；
显示：表格；
明确：两者皆有；
}

您需要清除浮动

您可以执行以下操作之一：

• 在侧边栏后添加一个带有

  clear:both

  的元素
• 将

  溢出：隐藏的
  （或除
  可见之外的任何内容
  ）添加到
  .body

---

您在身体底部添加了一个元素，如下所示：

您可以发布您尝试过的代码吗？溢出：隐藏；而应用确实使高度达到100%；它在顶部留下了一个难看的缺口？@Twipply您应该显示代码以了解发生了什么，但我想问题在于

overflow:hidden

防止了边距崩溃。