5

Paul Irish の HTML5 ボイラープレートを使用したいのですが、css の問題が発生しました。

ヘッダーをページの上部に揃えたいのですが、コンテナー div によってギャップが追加され、それを取り除くことができません。

これは、フッターの clearfix と関係があると思います。フッターとコンテナ div のパディング サイズを変えてみましたが、うまくいきませんでした。

これはhtmlコードです：

<header>
  <p> header content </p>
</header>

<div id="main" role="main">

</div>
<footer>
  <p> footer content </p>
</footer>

私のカスタムCSS:

#container {
    background-color:orange;
    padding:1px; /* can't be zero */
    margin:0; 
}

footer {
    margin: 1px 0;
}

body {
    width:960px;
    margin:0 auto;
    background:blue;
    padding:0;
}
4

2 に答える 2

5

@techjacker; 次のように書く必要があるかもしれません：

 header{display:block}
    p{margin:0;padding:0}
于 2011-09-18T12:38:21.033 に答える
1

これは時々役立ちます：

  • マージンとパディングを 0 に設定します。
  • また、エンコーディングが次のように設定されていることを確認してください: BOM なしの UTF-8。
于 2015-08-09T17:37:11.413 に答える