瀏覽器之間的絕對定位不一致

我注意到，我的三個絕對定位的文本里面的div是在Internet Explorer和Firefox中定位的一種方式，在Chrome和Safari瀏覽器中稍有不同。這是什麼原因和解決方案？瀏覽器之間的絕對定位不一致

它們位於這樣

style="position: absolute; left: 100px; top: 270px; width: 499px;"

並且是一個相對定位元件的內部。

有問題的頁面可以找到here。問題在於數字圖像左側的三個文本組。

2014-03-29 etangins

哪個版本的IE，Firef，Chrome和Safari？哪個是期望的行爲？ – Oriol

我在FF 31，Chromium 35和IE 8上看到了相同的結果 – Oriol

它看起來像在Chrome和FF中呈現的字體大小有問題。文本與數字不一致，因爲在Chrome和IE8中，h1內容分爲兩行，在FF中是單行。我不是專家，要說出爲什麼會發生這種情況。

要解決這個問題嘗試給給一個較小的字體大小爲h1，對於如：

<h1 style="position:relative;top:-15px; font-size:30px; line-height:34px;">How to Make Your First Website</h1>

我建議你避免你的HTML內嵌樣式，而不是在你的CSS編寫風格，因爲它使容易爲你改變風格

2014-03-29 05:47:08 James

回答