なぜ私たちのウェブサイトの下部に大きなスペースがあるのか を理解するのを手伝ってもらえますか? 参照してください
私はすでにしばらくそれで遊んでいて、何が問題なのか理解できませんでした。
ありがとうございました!
なぜ私たちのウェブサイトの下部に大きなスペースがあるのか を理解するのを手伝ってもらえますか? 参照してください
私はすでにしばらくそれで遊んでいて、何が問題なのか理解できませんでした。
ありがとうございました!
#main_content_container {
top: -170px;
それが理由です
ラッパー全体を 170 ピクセル上に移動する必要がないように、HTML を再構築する必要があります。
問題は、なぜスペースがあるかです。私はそれに対する答えを得ました
CSS では #main_content_container の上部が -170px です。および位置: 相対的。
それをに変更します
position: absolute;
top: 200px;
これは、相対位置を使用しているためです。それは要素が表示される場所を変更するだけですが、元の位置でスペースを占有します。
そのため、相対的な配置を使用してメイン コンテナーを移動し、メニューをオーバーラップさせましたが、元の位置 (相対的な配置がない場合) はコンテナーの真下にあります。
When you position something relatively, the space reserved for that element persists. So you move the div up, but space is still reserved for the initial state (before positioning)
one easy fix is to change the main_content_container top positioning to margin-top like so:
#main_content_container {
margin-top: -170px;
}
This should make everything alright. Remember to remove the top: -170px rule here.