상대적 위치 지정 div의 공간은 어디에서 비롯됩니까?

Question

상대 위치 지정된 div가 고정 위치 div와 같이 0,0에없는 이유는 무엇입니까? 패딩/마진을 0으로 설정해 보았지만 아무런 차이가없는 것 같습니다.

http://jsfiddle.net/helpermethod/cWdWp/4/

Answer 1

position:relative로 div 부모 body으로 가지고 있기 때문이다. body에는 자동으로 10 픽셀의 패딩이 있습니다 (Firefox의 경우 다른 브라우저에서는 다를 수 있음). 추가하면 body {padding:0;}는 같은 장소에 둘 수 있습니다. 이 문제가 발생하는 경우 http://jsfiddle.net/cWdWp/9/

Answer 2

방금 ​​에릭 메이어 CSS를 사용할 수있는 많은 재설정 :

http://www.cssreset.com/downloads/css-resets/eric-meyer-reset-css/eric-meyer-reset.css이 같은 "문제"를 해결하기 위해, 당신은이 http://meyerweb.com/eric/tools/css/reset/

예처럼 리셋 CSS를 사용할 수 있습니다

모든 표준 브라우저 스타일을 0 안쪽 여백과 여백으로 되돌립니다.

Answer 3

신체의 기본 패딩입니다. 고정 위치 지정은 절대 위치 지정과 같이 해당 컨테이너를 무시하지만 상대 위치는 컨테이너 내에서 지정합니다. body {padding:0;}으로 수정됩니다.