为什么页面位于容器和页脚div之下

Question

我创建了一个可以看到here的网站。任何人都可以告诉我为什么文本只在这个页面下面的“容器”div和“页脚”div下面。

任何帮助将不胜感激。这可能是我想念的简单事情，只是无法解决。

Answer 1

#about有一个position: relative和一个top: 100px。请删除前100px。

在#about之前你应该放一个明确的div。这仅仅意味着DIV。

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

使用CSS

.clear { clear : both; }

现在你应该没事！

Answer 2

简单修复。改变这个：

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

到此：

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