CSS 상자 모델 계산 스타일 혼동

Question

아래 계산 된 요소 스타일에서 위쪽 및 왼쪽 값을 이해하는 데 어려움을 겪고 있습니다. domStyle.set (Dojo)를 사용하여 위쪽 및 왼쪽 값을 각각 59pt 및 202pt로 지정합니다. 그러나 실제 값은 78px 및 269px입니다. 패딩과 보더를 보면이 숫자가 어떻게 계산되는지 알 수 없습니다.

누군가 도와 줄 수 있습니까? 아래 숫자는 FireBug에서 가져온 것입니다. 많은 감사합니다. 픽셀이 (적어도 대부분의 데스크탑/노트북에) 픽셀이있는 동안

BOX MODEL 
width 422px 
height 267px 
top 78.6667px 
    @element.style 59pt  
left 269.333px 
    @element.style 202pt 
padding-top 8px 
padding-right 8px 
padding-bottom 8px 
padding-left 8px 
border-top-width 1px 
border-right-width 1px 
border-bottom-width 1px 
border-left-width 1px 
border-top-style solid 
border-right-style solid 
border-bottom-style solid 
border-left-style solid 

LAYOUT 
position absolute 
display block 
z-index 102 
overflow-x hidden 
overflow-y hidden 

Answer 1

1pt는 1/72in입니다. 단위는 브라우저의 화면 해상도 (일반적으로 72dpi IIRC로 가정)에 따라 브라우저에서 변환 한 것으로 변환됩니다.

화면에 실제 장치를 사용하지 마십시오.