利用可能なスペースをすべて入力欄に記入してフォームを作成できますか？

Question

私は次のようなレイアウトを作成しようとしています：

http://jsfiddle.net/yuGyg/

これが可能である：

http://jsfiddle.net/BTuMH/1/

が、同様に、幅を設定せずに

？

Answer 1

http://jsfiddle.net/BTuMH/3/

これらのdivをオフに取り除く、あなたはそれらを必要としませんか？私は幾分洗練されたバージョンを手抜きしました。ラベルを浮かべてください（labelのdivではなくlabel要素を使用してください）、最大幅をinputとするにはcssを使用してください。

更新：Firefox用

のみ有効です。これはWebkitでは機能しません。私は、をinput要素に使用すると、浮動小数点の後ろの最大スペースを取って幅を計算することを望んでいましたlabel。これは動作しません。私はあなたがページをレンダリングした後に幅を設定するためにJavaScriptを使用しなければならないと思います。

さらに別のアップデート： 私はそれを作った！

がdivラッパーにoverflow: hidden;でhttp://jsfiddle.net/BTuMH/4/

を見る、入力要素100％幅がdivの幅である100％の幅を得ることができます。 float要素の背後のスペースもoverflow:hidden;の修正を使用してdivで占められていたため、以前は機能しませんでした。