html - 位置绝对 css 在输入标签中不起作用

Question

您好，问题是我已经为输入提供了绝对位置，但我发现绝对位置在输入标签中不起作用，有人知道吗？我只是想通过定位来实现我的布局液体，这就是我使用它的原因这是我的 Html 代码:

<div id="savevalue">
    <input type="text" name="name" id="name" class="inpt" />
    <input type="button" value="Submit" class="btn" />
</div>

这是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;
}

Answer 1

是的，使用

效果很好

width: -moz-available

感谢大家