ページ上部に余白・隙間が出来る（CSS）

Category*HTML/CSS　Tags*CSS　//2013/03/03

原因

</head><body>
  <header>
    <h1>サイトのタイトル</h1>
〜略〜

<h1>タグのmarginが効いているため、上部に余白が出来てしまう。
bodyやheaderのmarginをいくら0にしても、<h1>のmarginは確保されたまま。

対処

h1 {margin-top: 0;}

CSSで<h1>のmarginを指定すれば余白は消える。

New entry