在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也是必需的，它不支持任何元素的绝对边缘定位（左右设置，而不是宽度，或顶部和底部，但不是高度）。