位置绝对css在输入标记中不起作用

The*_*nic 4 html css position input absolute

嗨,问题是我给输入绝对位置,但我发现绝对位置不能在输入标签中工作,任何人都可以知道吗?我只是想通过定位我的布局液体这就是为什么我在这里使用这是我的Html代码:

<div id="savevalue">
    <input type="text" name="name" id="name" class="inpt" />
    <input type="button" value="Submit" class="btn" />
</div>
Run Code Online (Sandbox Code Playgroud)

这是css代码:

.inpt{
    background:#fff;
    border:1px solid #ccc;
    height:30px;
    font-size:18px;
    position:absolute;
    left:0;
    right:100px;
}
.btn{
    height:30px;
    background:#333;
    border:1px solid #222;
    font-size:18px;
    color:#fff;
    padding:0 15px;
    position:absolute;
    right:0;
}
Run Code Online (Sandbox Code Playgroud)

The*_*nic 5

是的,通过使用它工作正常

width: -moz-available
Run Code Online (Sandbox Code Playgroud)

谢谢大家