css - 以徽标为中心

Question

我正试图将pinterest徽标放在首位，以便检查目的。但是当我与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

原因是在pinterest网站上有一个滚动条缩短了网站的宽度。 它把所有东西推到左边。

添加css

html { overflow:scroll }

你会发现没有区别

Answer 3

你做到了吗？

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