身高不能超过100％

Question

所以我有一个名为.body的父div，我在这个体内有两个容器div。持有的新闻容器基本上把新闻全部放在一个漂亮整洁的小地方，我已经申请了浮动：左;对于这个基本上保持在左边，在右边我有一个侧边栏元素与浮动：右;在上面。每当我超过最小高度：100％;我得到的结果是......

它完全在身体容器外部运行并向外延伸...我该如何解决这个问题？

Answer 1

您需要的是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;
}

Answer 2

您需要清除浮动。

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

• 在侧边栏后面添加clear: both元素。
• 将overflow: hidden（或除visible之外的任何内容）添加到.body。