html - 为什么页面会低于容器和页脚 div

Question

我创建了一个可以在这里看到的网站。谁能告诉我为什么文本仅在此页面上位于“容器” div 和“页脚” div 下方。

任何帮助，将不胜感激。这可能是我缺少的一些简单的东西，只是无法解决。

Answer 1

简单的修复。改变这个：

#about {
    clear: both;
    position: relative;
    top: 100px;
}

对此：

#about {
    clear: both;
    position: relative;
    padding-top: 100px;
}

Answer 2

#about 有 aposition: relative和 a top: 100px。请删除前 100 像素。

在#about 之前，您应该放置一个清晰的 div。这意味着无非是一个 DIV。

<div class="clear"></div>

使用 CSS

.clear { clear : both; }

现在你应该没事了！