css - 로고 중앙에 넣기

Question

나는 단지 목적을 확인하기 위해 pinterest 로고를 중심에두고 있습니다. 하지만 Pinterest 웹 사이트와 비교했을 때 완벽하지는 않습니다.

이 http://jsfiddle.net/Nwk5Q/embedded/result/

그런 다음 당신은 로고가 어떻게 든 에 다른 것을 볼 수 있습니다 http://pinterest.com에 가서 확인주십시오 위치를 떠났다.

컴퓨터를 점검 한 결과 왼쪽에 위치에 약 10px의 차이가 있음을 확인했습니다. 왜 그래야만하지? 내가 pinterest 사용하는 동일한 코드를 복사했습니다.

Answer 1

는 그것은 스크롤라고 : 당신이 left:50%이 표준-스크롤이 20px 넓은 때문에 -D

, 당신은 10px 오프셋 남아 있습니다)

당신은에

body { overflow-y:scroll } 

을 추가 할 수 있습니다 확실히하다.

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

Answer 2

는이 작업을 수행했다. 모든 것을 조금 왼쪽으로 푸시합니다.

는 CSS를

html { overflow:scroll } 

를 추가하면 차이

Answer 3

이유는 고객 센터 웹 사이트에서 사이트의 폭을 단축 스크롤이 있다는 것입니다 :