css - 以徽标为中心

rnk*_*rnk 1 html css html5 css3

我试图将pinterest徽标置于顶部 - 仅用于检查目的.但是当我与Pinterest网站进行比较时,它并不完美.

请检查这个http://jsfiddle.net/Nwk5Q/embedded/result/

然后转到http://pinterest.com您可以看到徽标在左侧位置有所不同.

我检查了我的电脑,看到它在左侧位置差异大约为10px .为什么会这样?我复制了pinterest使用的相同代码.

Chr*_*oph 5

它叫做滚动条:-D

由于你有left:50%和标准滚动条很20px宽,你留下了10px偏移;)

你可以加

body { overflow-y:scroll }
Run Code Online (Sandbox Code Playgroud)

为了确定.