爲什麼我的<hr>元素在同一頁上渲染不同？

我有一個網頁是能源通訊的在線版本，每個故事由<hr>分隔。我今天才注意到其中一個渲染是680px x 2px而不是680 x 1px。爲什麼我的<hr>元素在同一頁上渲染不同？

檢查了元素後，我看到高度來自這個CSS條目：「height：0.1em;」並想知道爲什麼瀏覽器似乎認爲這一個需要不同的厚度，而不是其他的？（我知道這不是majorly重要，但它只是煩我必須有人知道！）

感謝

em是無法衡量的絕對單位。它與你的字體大小成正比。很有可能，兩個不同的<hr>標籤繼承不同的字體大小，因此計算0.1em的方式不同。

2013-01-11 14:10:29 eipark

事情是，他們都坐在同一個元素內。字體大小是13px。 – slugmandrew

我想我必須在那裏有一個流氓標籤，wordpress正在關閉它，我可能... – slugmandrew

我認爲1.3em計算爲13px，但是，對不對？ – slugmandrew

由於Eipark曾建議您使用EM而非像素格式化你的HR吧。

真正簡單的解決將是

隨着style.css中找線67小時{和更改按照下面的代碼，也

從這個

height: 0.1em;

爲了這

height:1px;

2013-01-11 14:23:35

我明白這一點。我只是想知道更多關於時間尺寸，因爲我不知道他們太多:) – slugmandrew

我接受了這個答案，因爲它是我實際上做了解決它，但eipark關於使用相對字體大小與其他相對大小的評論值得在下面閱讀。 – slugmandrew

你的問題是爲什麼，而不是如何解決它。主要應接受回答您的問題的答案。 – eipark

回答