為什麼輸入欄位不使用“width: auto”填充可用空間？

寬度：自動輸入欄位

問題：

寬度：自動顯示：區塊元素旨在填充可用空間。然而，對於輸入字段，這種行為似乎不一致。

問題：

1. width:auto 在 CSS 中到底是什麼意思？
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中文網其他相關文章！