入力フィールドが利用可能なスペースを「width: auto」で埋めないのはなぜですか?

入力フィールドの幅:自動

問題:

表示の幅:自動:ブロック要素は、利用可能なスペースを埋めることを目的としています。ただし、入力フィールドの場合、この動作は矛盾しているようです。

質問:

1. CSS における width:auto は正確に何を意味しますか?
2. 他のブロックレベル要素のように、入力フィールドに利用可能なスペースを埋める方法はありますか?

答え:

1. width:auto:

の意味 入力の幅は、size 属性のデフォルト値によって決まります。 width:auto は、幅をこのデフォルト値に設定します。

2.期待される動作の実現:

入力フィールドに利用可能なスペースを埋めるには、次のように width:100% を使用します:

<code class="html"><form style="width:200px;background:khaki">
  <input style="width:100%">
</form></code>

注: このメソッドは使用できない場合があります。ボーダーアプリケーションの違いにより、すべてのブラウザで完全に動作します。

以上が入力フィールドが利用可能なスペースを「width: auto」で埋めないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。