容器div没有延伸到内容？

Posted 2021-04-10

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

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

答案

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

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

另一答案

因为你正在使用浮点数只需将overflow: hidden添加到你的#content div

另一答案

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

另一答案

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

#content{
  overflow: auto;
}

另一答案

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

建议：

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

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