垂直線在不同瀏覽器中改變長度，這是正常的嗎？

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（像素）。