CSS - em的边界宽度

Question

我的div有id =＆＃34;例子＆＃34;我设置font-size：14px，border-width：0.5em; 问题是，为什么在浏览器边框宽度是6.4px而不是7px？

＆＃13;

＆＃13;

var elt = document.getElementById('example');
var width = window.getComputedStyle(elt).borderTopWidth;
elt.textContent = width;

＆＃13;

#example {
    width: 100px;
    height: 100px;
    font-size: 14px;
    background-color: #000;
    border-top: 0.5em solid #ff00ff;
    color: white;
}

＆＃13;

<div id="example"></div>

＆＃13;

＆＃13;

＆＃13;