我正在处理一个退出div的文本。我编写了首页。因此，无论主要内容有多长，它都应该强制子内容（灰色区域和页脚）向下移动。
你看到虚拟文本是如何起作用的
网址http://nicejob.is/clients/pizzahollin/www/divproblem.htm
我之前已经完成了这项任务，但不知何故它现在还没有发挥作用。
答案 0 :(得分：3)
您已在该div上设置了明确的高度。要让它重塑自己的内容，你需要设置height：auto。 （或者从不设置它的高度）
编辑：正如ANeve所说，你需要删除.article和.opentext的高度，同时你还需要放{{1}在clear:left上按下页脚。
答案 1 :(得分：1)
只需使用wordwrap：break-word;对于div而言，它会将这个词打破到下一行。
答案 2 :(得分：1)
您已设置height和.article div的.opentext属性。如果删除此属性，则内容应相应扩展。
但是，您还需要调整背景图像的位置。您应该设置.footer本身的背景图像，而不是依赖于整个页面的一个静态大小的背景图像。
答案 3 :(得分：1)
如果您的元素只包含浮动元素，则容器的高度将为零。要解决此问题，您可以添加清除div（<div style="clear:both"></div>）。
如果在＃under-content部分的末尾添加一个清除div，它会自动调整该部分的高度为其内容。
您遇到的另一个问题是您在.opentext div元素上使用相对定位。当您设置'top'属性时，它实际上会将内容向下推，导致它与您的#lower-container重叠。你最好使用'margin-top'属性，它将扩展.opentext div的大小以适应所有内容。
简而言之：
<div style="clear:both"></div> <section>
我希望这有帮助！