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，而像素为像素（至少在大多数台式机/笔记本电脑上）。单位根据浏览器认为屏幕的DPI（通常假定为72dpi IIRC）进行转换。

请勿在屏幕上使用物理单位。

CSS盒子模型计算风格混乱

1 个答案: