css - 垂直线在不同的浏览器中改变长度，这是正常的吗？

Question

我设计了一个 3 列站点，我想在每列之间放置一条细水平线。我很容易做到这一点，并在 Chrome 中获得了我想要的确切高度，然后我在 Firefox 中打开它，水平线短了大约 10px，IE9 也发生了同样的事情。这是正常的还是我做错了什么？无论如何要解决这个问题或做得更好。这是我使用的 css，html 只是一个 div：

    #horizontal-dividing-line-news-arabnews {
    border-left: solid 0.1em #0099FF;
    height: 31.8em;
    float: left;
    color: #FFF;
    margin-top: 7.3em;
}

谢谢你！

Answer 1

您在em这里使用 ("ems") 作为大小的单位。

“Ems”与当前字体大小成正比，浏览器可能并非都具有相同的默认字体大小，因此这就是大小不同的原因。

您需要为此使用px（像素）。