在Firefox上鎖定輸入元素

Question

我正在嘗試將CS​​S元素鎖定到其容器的兩側。以下CSS適用於div等元素，但不適用於Firefox中的輸入元素

left：20px; right：20px; top：20px; height：20px; 寬度：自動; position：absolute;

我發現我可以將元素包裝在DIV中，但這樣做並不是真正的選擇，因爲在我的情況下它是非常不切實際的。

Answer 1

您是否嘗試過以下方法？

width: 100% 

根據w3schools，它應該擴展爲包含元素。

Answer 2

原因width: auto不會爲input S IN Mozilla的工作，是因爲他們有這是由size屬性設置，默認爲20當屬性未聲明的固有寬度。

我看不到一個簡單的方法。通常的跨瀏覽器兼容的方式是帶有邊距的div包裝，然後在其中設置div的寬度爲100%。這對於IE6也是必需的，它不支持任何元素的絕對邊緣定位（左右設置，而不是寬度，或頂部和底部，但不是高度）。