让Firefox正确地扩展输入

Question

这是我正在尝试做的事情的简化版本.适用于FF以外的每个浏览器:

http://jsfiddle.net/hDFnW/10/

基本上,我试图width:auto;在position:absolute;left:200px;right:0px设置时获取输入.

它适用于任何其他比输入...我现在比较混乱.

如何在Firefox中完成此操作,或者更好的是,在所有浏览器中实现此目的？

Answer 1

你可以input用a 包装div然后它可以工作.

CSS

div {
    display    : block;
    position   : absolute;
    left       : 100px;
    right      : 0px;
    top        : 3px;
}

input {
    width      : 100%;  
    border     : 1px solid #000;
    background : #FFF;
}

jsFiddle使用其他示例.

jsFiddle所有工作.

例

你可以使用浮点数获得类似的效果(尽管不一样).