0

左側に説明のある100％流体入力ボックスを作成しようとしています。入力ボックスの右側が途切れてしまうため、入力ボックスに境界線を付けると問題が発生することを除けば、ほぼ正確に希望どおりの結果が得られました。

100％の幅ではなく99％を使用せずに、どうすればこれを実現できますか？「ラベル」の代わりに追加のdivを使用してこれを行う必要がありますか？

http://jsfiddle.net/GCt3z/18/

4

2 に答える 2

0

それはそう：

box-sizing: border-box;

要素のボックスモデルを変更します。これには、幅の計算の内側に境界線とパディングが含まれます。

例

于 2012-10-14T20:22:52.323 に答える
0

境界線が切り取られていることを補うためにパディングを追加するだけで、問題をできるだけ簡単に解決できます。

 .fieldwrapper { overflow: hidden; padding: 0 2px}

http://jsfiddle.net/GCt3z/24/

于 2012-10-14T20:59:31.793 に答える