내 재설정 규칙을 무시한 Chrome/Safari?

Question

link text

사파리/크롬에서는 왼쪽/상단, 앞뒤 및 기타 요소에 여분의 간격이 있습니다.

Safari의 웹 속성을 보면 일부 요소에서 26px 여백이 남았습니다. 그러한 규칙을 지정하지 않았으므로 웹 관리자의 버그입니까?

누군가 이러한 공간 부족 문제가 발생하는 이유에 대해 나와 이야기 할 수 있습니까? 감사!

Answer 1

여백 - 왼쪽 : 26px는 스타일 마진의 "계산 된 스타일"- 왼쪽 : 2em입니다. 따라서 Safari의 Web Inspector에서 Computed Style 섹션 아래에있는 이유는 무엇입니까? 왼쪽 여백을 다른 값으로 변경하면 계산 된 스타일의 픽셀 값도 변경됩니다.

어쨌든 여분의 패딩이 있습니다! 사용자 에이전트 스타일 시트 (-webkit-padding-start : 40px)가 원인입니다. 패딩을 설정하여이 스타일을 재설정합니다. 0 및 원하는 다른 요소에 0을 설정합니다.

이 문제가 다시 발생하지 않도록하고 걱정없이 개발하는 좋은 방법은 CSS를 재설정하는 것입니다. 기본 재설정은 다음과 같습니다.

* { margin:0; padding:0; }