2013-04-25 4 views
1

상황 :사파리, 크롬과 IE는 괜찮

부모 사업부 : 300 픽셀

아동 1 : 50 픽셀 폭, 5 픽셀 경계

아이 2 : 232 픽셀 너비, 8 픽셀 여백 남음

크롬 및 IE에서는 제대로 작동하지만 Safari 및 Firefox는 두 번째로 떨어집니다. 새로운 라인. 이것에 대한 어떤 이유? 7px 왼쪽 여백처럼 전체에 1 픽셀을 제거하면 해당 위치에 맞습니다. 또한, 측정 값은 방화 광에서 완벽하게 일치하므로이 두 라인이 같은 라인에 들어 가지 않는 이유는 알 수 없습니다.

답변

0

부모 div 및 하위 항목에서 다른 모든 패딩 또는 여백을 제거해보십시오. 이는 기본 브라우저 스타일로 인해 발생합니다. (또는 모든 요소에 대해 CSS 재설정을 사용하십시오.)

또한 메모로 Safari와 Opera는 10 진수 일 경우 측정에 대해 약간 거짓말을합니다. 그들은 위아래로 돌며 파이어 폭스 나 크롬처럼 정확하지는 않습니다.