internet-explorer - `overflow-x`がFirefoxとIEのインラインブロックボックスの高さを変更するのはなぜですか？

Question

このjsFiddleを見てください。

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

まっすぐに見えるテキストを作りたいです。overflow-x:hiddenオンに変更すると.boxless-select-text、ベースラインのシフトを確認できます。Webkitブラウザ（Google ChromeおよびSafari）では発生しません。

Answer 1

Firefox と IE の動作は、仕様で要求されているものです。

「インライン ブロック」のベースラインは、通常のフローの最後のライン ボックスのベースラインです。この場合、ベースラインはマージンの下端です。

WebKit で発生しない理由は、https://bugs.webkit.org/show_bug.cgi?id=36084 (バグに依存するさまざまな種類の Apple 独自のコンテンツがあるため、修正されていないためです。私の知る限り）。そのバグ レポートには、関連する仕様テキストと参照も含まれています。

Answer 2

これを試して：

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