为什么`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（其中他们没有固定，因为它们依赖于错误，只要我可以告诉不同种类的苹果专有的内容）。该错误报告也有相关的规格文本和参考。