CSSを使用して自動ストレッチ検索フィールドに苦労しています

Question

この検索フィールドをブラウザ（Amazon.comなど）でストレッチさせようとして、ここ数時間苦労してきました。

入力フィールドや親コンテナの100％の作成、オーバーフローなど、Googleで見つかったさまざまなことを試しましたが、それを取得できないようです：/

また、カテゴリを正しくフローティングしようとしましたが、送信ボタンで場所を交換しました。

私がどこで間違っているのかという考えはありますか？

http://jsfiddle.net/skinnygeek10/rzhwa/

Answer 1

これは、仕事を終わらせたい場合は、テーブルを使用する必要があるかもしれない状況かもしれません。 1列テーブルを含むフォームを使用して、中央のセルに入力フィールドを使用して、内容を3つのセルに分割します。テーブル幅と中間セルの幅を100％に設定し、入力フィールド幅は98％のようなものに設定します（100％を試してみると、少し減らす必要がある理由がわかります）。ああ、セル内のラインが破損するのを防ぎます。

概念の大ざっぱなデモ： http://jsfiddle.net/yucca42/hyepu/

会社の警察がレイアウトのテーブルを禁止する場合は、これがデータテーブルであることを伝えてみてください。それに失敗すると、使用してテーブルをシミュレートできます display: table CSSなど（これはより複雑になり、IEの古いバージョンでは失敗します）。