0

HTMLにbodyタグがあり、ページ全体 (タグ全体html) を埋める必要がありますが、ページの上部とbodyタグの上部の間にいくつかのピクセルが表示されます。

奇妙なことはbody {padding: 0;}、CSS を強制すると、まだこの小さなバーがページの上部にあり、body塗りつぶすことができず、paddingゼロ以外の値を設定すると、小さなバーが覆われbody、指定されたパディングが表示されることです。適用されます。

これは私の簡単な CSS です (これはs と通常のものbodyで満たされた HTML タグをスタイルします):div

html {
    height: 100%;
    margin: 0;
    padding: 0; // this is ok, html fills the whole page
}

body {
    margin: 0;
    height: 100%;
    padding-top: 1px; // here, if I write padding:0;, space at the top will not be filled by body
}

編集

これが私の HTML です。役に立つかどうかはわかりません。

<body>
    <div id="container">

    <header id="page_header">
        stuff
    </header>

    <section id="page_content">
        stuff
    </section>    

    <footer id="page_footer">
        stuff
    </footer>

    </div> <!-- end of div#container -->
</body>

注: 私は Firefox と Chrome の両方で作業していますが、動作は同じです。

4

1 に答える 1

1

html と body タグの両方の CSS ルールをクリアしてみてください。

/* basic CSS reset */
* {
  padding: 0;
  margin: 0;
}

html, body {
  height: 100%;
  width: 100%;
}
于 2013-03-22T00:10:26.243 に答える