html - ページがコンテナとフッターのdivの下に表示されるのはなぜですか

Question

ここで見ることができるウェブサイトを作成しました。このページでのみテキストが「container」divと「footer」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;
}