锁定Firefox上的输入元素

Question

我正在尝试将CS​​S元素锁定到其容器的两侧。以下CSS适用于div等元素，但不适用于Firefox

中的输入元素

左：20px; 右：20px; 上：20px; 身高：20px; 宽度：自动; position：absolute;

我发现我可以将元素包装在DIV中，但这样做并不是一个选择，因为在我的情况下这是非常不切实际的。

Answer 1

您是否尝试过以下操作？

width: 100%

根据w3schools，它应扩展为包含元素。

Answer 2

width: auto在Mozilla中对input不起作用的原因是因为它们具有由size属性设置的固有宽度，默认为20时该属性未被声明。

我没有看到一个简单的方法。通常的跨浏览器兼容方式是带有边距的div包装器，然后将div的宽度设置为100%。这也是IE6所必需的，它不支持任何元素上的绝对边缘定位（设置左右边但不是宽度，或者顶部和底部，而不是高度）。