CSSを使用して自動ストレッチ検索フィールドに苦労しています
-
28-10-2019 - |
質問
この検索フィールドをブラウザ(Amazon.comなど)でストレッチさせようとして、ここ数時間苦労してきました。
入力フィールドや親コンテナの100%の作成、オーバーフローなど、Googleで見つかったさまざまなことを試しましたが、それを取得できないようです:/
また、カテゴリを正しくフローティングしようとしましたが、送信ボタンで場所を交換しました。
私がどこで間違っているのかという考えはありますか?
解決
これは、仕事を終わらせたい場合は、テーブルを使用する必要があるかもしれない状況かもしれません。 1列テーブルを含むフォームを使用して、中央のセルに入力フィールドを使用して、内容を3つのセルに分割します。テーブル幅と中間セルの幅を100%に設定し、入力フィールド幅は98%のようなものに設定します(100%を試してみると、少し減らす必要がある理由がわかります)。ああ、セル内のラインが破損するのを防ぎます。
概念の大ざっぱなデモ: http://jsfiddle.net/yucca42/hyepu/
会社の警察がレイアウトのテーブルを禁止する場合は、これがデータテーブルであることを伝えてみてください。それに失敗すると、使用してテーブルをシミュレートできます display: table
CSSなど(これはより複雑になり、IEの古いバージョンでは失敗します)。
所属していません StackOverflow