css - Firefox は、テキスト入力要素に設定されたパーセンテージ幅の値を無視します

Question

スクリーンショットでは、フォーム テキスト フィールドが 97% に設定されており、それらの間にギャップが生じています。Firefox を除くすべてのブラウザで動作します。100% まで拡張できるようです。誰でもこれを回避する方法を教えてください。

Answer 1

box-sizing: border-box(および対応する-moz-box-sizing, )を追加してみてください-webkit-box-sizing。それ以外の場合、パディングとマージンは含まれずに 97% に追加されます。

Answer 2

Mac OS で FF 13.0.1 を使用していますが、ギャップが正しく表示されます。