Webページの上部にある余分な空白を削除するにはどうすればよいですか?

ページの上部にある余分な空白を削除する

Web ページの上部に過剰な空白がある場合、検査されたすべての要素がパディングやマージンが不足している場合は、デフォルトのブラウザーのレンダリングが原因である可能性があります。この問題に対処するには、CSS リセットの実装を検討してください。

CSS リセット

CSS リセットはブラウザーのデフォルトを正規化し、さまざまな環境間で一貫性のある予測可能な外観を保証します。スタイル シートの先頭に次のブロックを含めます:

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ユニバーサル セレクター

または、それぞれを列挙する代わりにユニバーサル セレクター (*) を使用できます。 Frank が提案した要素:

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

以上がWebページの上部にある余分な空白を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。