現在Firefoxの最新バージョンは47なのですが、Firefox50以降からCSSのbox-sizing
のプロパティpadding-box
が効かなくなるようです。
padding-box
はもともとFirefoxでのみ有効な値で、padding-box
は「幅と高さにpaddingのみ含める」という指定です。そのため利用している人はあまりいないと思いますが気をつけたいですね。
代わりには「paddingとborderを幅と高さに含める」という指定のborder-box
を利用するようにしましょう。
参考:box-sizing:padding-box が削除されました
paddingやborderはもう書かない!?超便利なbox-sizingの使い方