造型容器背景？

Question

  

可能重复：
  How to deal with floated elements?

我有一个可能基本的html css样式问题：

如果我有：

<div class="container">
<div class="column"> </div>
<div class="column"> </div>
<div class="column"> </div>
</div>

然后......当我用背景颜色设置列的样式时，它们会得到背景颜色。

但是容器在某种程度上不会延伸到内容的底部：如果我在其中加入“内容”，它只会用背景颜色或任何其他属性填充内容，例如：

<div class="container">
<div class="column"> </div>
<div class="column"> </div>
<div class="column"> </div>
one line of background color
</div>

现在我在整个“绿色”的东西后面得到一条线，而我希望它能拉伸完整的东西。

为什么容器不知道底部在哪里？我能在这做什么吗？

Answer 1

如果您已经浮动内部div，则需要将overflow: auto添加到容器元素。

Answer 2

您需要clear your floats。我通常只是overflow:hidden容器。