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 } 

，你會看到有什麼區別