Как заполнить ширину формы.

Question

Вот пример моей проблемы jsfiddle

<form class="well form-inline"> 
    <div class="input-append"> 
    <input type="text" class="input-block-level"><span class="add-on"><i class="icon-search"></i></span> 
    </div> 
</form> 

А вы можете увидеть кнопку поиска выходит за пределы контейнера. Как я могу решить эту проблему без установки фиксированной ширины?

Answer 1

position Используется для

.input-append{position:relative;} 
.input-block-level{position:relative;z-index:1;} 
.add-on{position:absolute;right:0;top:0;z-index:2;} 

Demo