容器div没有延伸到内容？

Question

很难解释所以这里是问题所在：  http://www.givetoagiver.co.cc/about.php

我认为这与#content和＃left /＃right divs的position属性有关。提前谢谢。

Answer 1

将zoom: 1;和overflow: hidden;或overflow: auto;添加到内容div。

当您使用float元素时。这些元素不在文档的正常流程之内。

Answer 2

因为你正在使用花车 只需将overflow: hidden添加到您的#content div

即可

Answer 3

您可以将overflow: auto;添加到＃content-div，也可以将其添加到＃right-div并删除float: left;。我更喜欢第二种方式！

Answer 4

在css文件中添加以下更改。对于“内容”

#content{
  overflow: auto;
}

Answer 5

您遇到的问题是浮动没有被清除，即：您在容器内有两个浮动的div并且没有清除。

建议：

将float：left添加到“content”div。

在“正确”div之后添加一个。并在你的CSS中添加：.clear {clear：both}