ページ下部のスペースを削除できません

私のフッターとページの下部の間に余白/余白が48px存在するという奇妙な問題が発生しています（また、フッターをページから削除すると気付きました。 DOM、スペースはまだ次の要素の下にあります）。ページ下部のスペースを削除できません

Iは、body（写真の黄色）に背景色を適用した場合、私はそれに気づきました。また、正規化スタイルシートを使用していて、フッタのmargin-bottomを無駄にしようとしました。

基本構造：

<footer> 
    <section> 
    </section> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
    <div> 
    </div> 
</footer>

関連するCSS：

* { 
    box-sizing: border-box; 
    outline: none; 
} 

html { 
    font-size: 16px; 
} 

body { 
    width: 100%; 
    background-color: #fefde1; 
    line-height: 1.5; 
    color: #656565; 
    position: relative; 
} 

footer { 
    margin-bottom: 0 !important; 
    padding-bottom: 60px; 
    width: 100%; 
    background-color: #fff; 
    font-size: 1rem; 
}

出典

2017-04-22 Mario Parra

ライブスニペットコードを共有してください。 –

セクションの高さを100％に設定し、セクションがフッタータグの外側にあるようにしてください –

サンプルコードだけでは、記述した動作は発生しません。だから実際に問題を示すいくつかのコードを投稿できますか？ –

他の人に役立つ場合は、heightが0であるにもかかわらず、DOMにスペースを追加するトラッキングピクセルスクリプトが問題でした。

出典

2017-04-25 02:41:48

-1

たぶんあなたには、いくつかのリセットスタイルを追加する必要があります。ナビゲータのインスペクタを確認し、それらのプロパティを選択すると、デフォルトでいくつかの "継承スタイル"が表示されます。

てみてください、あなたのボディスタイルにこれを追加します。

1：私はちょうどカントは、3つの事に

body { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box

}

出典

2017-04-22 14:21:38

私はすでに正規化スタイルシート、マージン：0; パディング：0; border：0; font-size：100％; フォント：継承; vertical-align：ベースライン。 –

思い体あなたはdoesnのマージンやパディングを持っています気づいていない。

2：本体に余白や境界線があるものがあります。

3：「margin-bottom：-48px;」を追加します。フッターに

出典

2017-04-22 14:23:19 Akaize

ページ下部のスペースを削除できません

答えて

関連する問題