身高不能超過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的元素clear: both
• 添加overflow: hidden （或任何但不visible ）到.body 。