2011-02-25 5 views
2

필자는 적어도 Firefox에서 (아직 다른 브라우저에서는 광범위하게 테스트하지 않았 음) 알아 차렸지만 <div>의 offsetHeight 및 offsetWidth 속성은 한 픽셀 씩 벗어날 수 있습니다. (. 그리고 네, 이미 테두리, 패딩과 마진을 차지하고있어) 내가 무엇을 의미하는지에 관해 알기 위해이 스크린 샷에서보세요 : offsetHeight 및 offsetWidth가 간헐적으로 부정확 한 이유는 무엇입니까?

Here the total height with borders is 46px, but as Firebug shows the offsetHeight is only 45px

그래서 여기에 테두리가 총 실제 높이 x 46 픽셀입니다, 하지만 방화범이 끌리는 것처럼 offsetHeight는 47px입니다 (테두리가 45px는 아닙니다). 왜 불일치? 그게 브라우저 결함일까요? 문제의 <div>에는 float: left이 설정되어 있고 그 안에 내용도 약간 포함되어 있습니다 ( float ed : left).

+0

는 원본 마크 업 및 CSS를 보여줄 수 = 2? –

답변

3

국경 (및 수학)을 다시보십시오. div의 모든면에 1 픽셀 경계가 있습니다. 즉, 상단의 픽셀은 모두 이고은 div의 하단을 의미합니다.

1 + 1 = 2
45 + 47

관련 문제