javascript - 私のサイトのこの神秘的な左マージンとは何ですか？ブラウザの左端と同じ高さにならないのはなぜですか？

Question

ブラウザのサイズを変更すると、ページの左側が少しずれたままになっていることがわかりますが、右側はそうではありません。マージンが残っているとは思いません。それが原因であると私が考えることができるのはそれだけです。何か案は？

score 3 · Accepted Answer

パディング<body>やマージンが指定されていないため、デフォルトでブラウザのデフォルトになります。たとえば、Chromeでは、マージンは 8pxです。

ここに画像の説明を入力してください

マージンとパディングをに設定する0と、レイアウトの左側がブラウザウィンドウの左端と同じ高さになります。

body {
  margin: 0;
  padding: 0;
}

score 1 · Accepted Answer

および要素にはデフォルトhtmlでbodyパディング/マージンがあり、その量はブラウザによって異なります。必要ない場合は、これをcssに追加するだけです。

html, body {
     margin: 0;
     padding: 0;
}

ChromeとFirefoxの両方で要素を検査でき（Firebugがある場合）、両方に要素のレイアウト情報が表示されます。

2 に答える 2