Css 文本从其div中浮起

我正在处理一条从它的分区出来的文本。我已经把首页编好了。因此，无论主内容有多长，都应该强制子内容（灰色区域和页脚）向下移动

您可以看到虚拟文本是如何工作的

网址

---

我以前已经完成了这项工作，但不知怎么的，它现在不起作用了。

您已经在该div上设置了一个明确的高度。要使其根据其内容重塑自身，您需要设置高度：auto。（或从不将其高度放在首位）

---

编辑：如前所述，您需要删除

.article

和

.opentext

上的高度，并且您需要在

上放置一个
清除：left
。降低容器

以向下推页脚。

只需使用wordwrap:break-word；对于div，它将把单词打断到下一行。

您已经设置了

文章和
divs的
高度属性。如果删除此属性，则内容应相应展开

但是，您还需要调整背景图像的位置。您应该设置
.footer
本身的背景图像，而不是整个页面依赖一个静态大小的背景图像。
如果您的元素只包含浮动元素，则容器的高度将为零。要解决此问题，您可以添加一个清算div（
）

如果在#under content部分的末尾添加一个clearing div，它将自动调整该部分的高度以适应其内容

另一个问题是在.opentext div元素上使用相对定位。设置“top”属性时，它实际上会向下推送内容，导致内容与较低的容器重叠。最好使用“margin top”属性，该属性将扩展.opentext div的大小以适合所有内容

简言之：


在内容下的#末尾添加

将.opentext div上的'top:82px'更改为'margin top:82px'

我希望这有帮助
 即
.article
和
.opentext
。好的，我看到了它是如何解决问题的，同时也揭示了背景图像的一个小问题-要解决这个问题，我应该正常工作Thanx很多：）Thanx。这就解决了背景问题。我已经成功地将它与footer div绑定在一起，所以如果我想进一步修复它，我会感到惊讶。