HTML元素的边框和位置设置为相等但相反的em值。但是,此结果的px值在两个属性之间是不同的(根据元素检查器)。
在Firefox 53中,0.4 em
对于边框变为4.6667 px
,对于该位置变为5.2 px
。
在Chromium 58中,0.4 em
为边框变为6.39844 px
,而6.4 px
变为该位置。
这是针对相同的元素,因此font-size
属性在两种计算中都不同。我在两种浏览器中都观察了很长时间(至少从2015年开始),并且应用了这些属性的不同元素。淘到谷歌什么都没有,我不知道我是否是唯一一个有这个问题的人。
ul {
list-style: none;
position: relative;
border: 0.4em solid;
right: -0.4em;
}

<ul>test
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
&#13;