Firefox50以降は box-sizing:padding-box が無効になる

harada 59views 更新:2016年6月22日

現在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の使い方

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません