Позиция абсолютного CSS не работает во входном теге

Привет, проблема в том, что я дал абсолютную позицию для ввода, но я просто нахожу, что абсолютная позиция не работает во входном теге, кто-нибудь может знать? Я просто хочу, чтобы мой макет жидкости позиционирования, поэтому я использую это здесь мой 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;
}

1 ответ

Решение

Да, работает нормально, используя

width: -moz-available

Спасибо всем

Другие вопросы по тегам