爲什麼`overflow-x`會改變Firefox和IE中嵌入塊框的高度？

Question

看看這個jsFiddle。

http://jsfiddle.net/beatak/7UrGA/show/

我想使文本直視。通過在.boxless-select-text上更改overflow-x:hidden，您可以看到基線移位。它不會發生在Webkit瀏覽器（Google Chrome和Safari）上。

Answer 1

試試這個：

.boxless-select-text { 
    ... 
    vertical-align: bottom; 
} 

Answer 2

的Firefox和IE的行爲是所述一個the spec要求：

一個「內聯塊」的基線是其最後一行盒的在正常流動的基線，除非它具有或者沒有IN-流線框或者其「溢出」屬性具有除「可見」以外的計算值，在這種情況下，基線是底部邊緣邊緣。

它不是在WebKit的發生的原因是因爲https://bugs.webkit.org/show_bug.cgi?id=36084（其中他們沒有固定，因爲它們依賴於錯誤，只要我可以告訴不同種類的蘋果專有的內容）。該錯誤報告也有相關的規格文本和參考。