ここで見ることができるウェブサイトを作成しました。このページでのみテキストが「container」divと「footer」divの下に表示される理由を誰かに教えてもらえますか。
どんな助けでもいただければ幸いです。それはおそらく私が見逃している単純なものであり、それを解決することはできません。
#aboutにはとがposition: relative
ありtop: 100px
ます。上の100pxを削除してください。
#aboutの前に、明確なdivを配置する必要があります。これは、DIVにすぎないことを意味します。
<div class="clear"></div>
CSSで
.clear { clear : both; }
今、あなたは元気になるはずです!
簡単な修正。これを変える:
#about {
clear: both;
position: relative;
top: 100px;
}
これに:
#about {
clear: both;
position: relative;
padding-top: 100px;
}