html - css - ロゴの中央揃え

Question

目的を確認するためだけに、ピンタレストのロゴを中央に配置しようとしています。しかし、Pinterest のウェブサイトと比較すると完璧ではありません。

これをチェックしてくださいhttp://jsfiddle.net/Nwk5Q/embedded/result/

次に、http://pinterest.comにアクセスします。ロゴの左の位置がなぜか異なっていることがわかります。

コンピューターをチェックインしたところ、左の位置で約 10px の違いがあることがわかりました。なぜそうなのですか？pinterest が使用しているのと同じコードをコピーしました。

Answer 1

これはスクロールバーと呼ばれます:-D

あなたが持っていleft:50%て、標準スクロールバーが20px広いので、10pxオフセットが残っています;）

あなたは付け加えられます

body { overflow-y:scroll }

念のため。

Answer 2

その理由は、ピンタレストの Web サイトには、サイトの幅を短くするスクロールバーがあるためです。すべてを少し左に押します。

cssを追加します

html { overflow:scroll }

そして、あなたは違いがないことがわかります

Answer 3

これやった：

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