css - テキスト入力のフォントサイズが大きいと、コンテナから抜け出します

Question

パディングとボーダーを追加するインライン要素内にラップされたテキスト入力があります。しかし、font-size を大きくすると、入力がそれを含む要素を超えて大きくなります。

display:flex-inline修正されているようですが、IE のサポートが適切でないと思いますか?

http://jsfiddle.net/3hyjd/1/

コンテナの高さを自動的に調整するにはどうすればよいですか? できれば IE<9 をサポートします。

Answer 1

入力に ​​max-width:100% を設定すると、この問題を解決できます。つまり：

input {
  max-width:100%
}

クロスブラウザで動作します