フロントエンドエンジニアになりたい

デザイナーなのかコーダーなのかディレクターなのかよくわからない人のブログ。趣味で絵を描きました(過去形)

IE8のmin-heightはborder-boxを指定した要素でもcontent-boxとして計算されてしまう

バグなのか仕様なのかはわかりませんが、border-boxをかけていてもIE8ではmin-heightはborderやpaddingを含んで計算されてしまいます。

https://shanetomlinson.com/2012/box-sizing-border-box-padding-and-min-height-bug-in-firefox-and-ie/

過去にはFirefoxでも同様のバグが起こっていたようで、 Modernizrにmin-heightをどう計算するか判別を追加して判別して回避してやる方法もあるようです。 Box-sizing and min-height CSS trouble within Firefox - Volker Rose