CSSを使用して自動ストレッチ検索フィールドで悩む

Question

この検索フィールドをブラウザ（amazon.comなど）で拡張しようとすると、ここ数時間苦労しています。

私は等...などの入力フィールドまたは親コンテナの100％、オーバーフローを作るようにGoogleで見つけたいろいろなことを試してみましたが、私はそれを得るように見えることはできません：/

また、私は浮いてみましたカテゴリを右に移動し、送信ボタンで場所を入れ替えました。

どこが間違っているのですか？

http://jsfiddle.net/SkinnyGeek1010/RzHWA/

Answer 1

これは、あなたが仕事を持っているしたい場合は、テーブルを使用する必要があるかもしれませんな状況かもしれません。 1行の表を含むフォームを使用して、内容を3つのセルに分割し、中間のセルに入力フィールドを入れます。テーブルの幅と中央のセルの幅を100％に、入力フィールドの幅を98％のように設定します（100％試してみてください）。ああ、細胞内の改行を防ぐ。

コンセプトのスケッチデモ：http://jsfiddle.net/yucca42/hyEPu/

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