我有以下形式:如何用窗口大小调整CSS的窗体宽度?
<form id="search_form" class="navbar-form navbar-left" method="GET" action="/search/">
<div class="input-group" id="search_form_container">
<input type="text" id="search_box" class="form-control" name="search" placeholder="Search" value="{% block srch_val %}{% endblock %}">
<span class="input-group-btn">
<button type="submit" class="btn btn-default"><i class="fa fa-search"></i></button>
</span>
</div>
</form>
CSS
#search_form {
position: absolute;
left: 180px;
}
我想创建一个搜索表单根据窗口宽度调整大小时,将调整其宽度。例如,请检查www.amazon.com
我该如何做到这一点?