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

你有没有做到这一点：

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

Answer 3

的原因是，在Pinterest的网站上有这么缩短了现场的宽度滚动条。 它将所有东西推向左边。

添加CSS

html { overflow:scroll } 

，你会看到有什么区别