Как сделать резиновый?

Question

[Владислав]

Здравствуйте! Подскажите как сделать в моей ситуации резиновую форму поиска, необходимо чтобы ширина формы поиска зависела от ширины браузера.
s.otdelka-mo.ru/search.html

Answer 1

[Алексей]

Использовать адаптивную сетку и знать в % сколько данная секция занимает, а внутренний элемент можно на все 100% секции растянуть. На примере Bootstrap

<section class="head" style="height:100px; background-color: #000;">
	<div class="container">
		<div class="row">
			<div class="col-sm-2 logo">
				<img src="http://s.otdelka-mo.ru/images/logo.png" alt="Logo"/>
			</div>
			<div class="col-sm-2 link">
				<a href="#">Тут ссылка</a>
			</div>
			<div class="col-sm-8 search">
				<input type="text" name="name" value="Поле поиска" style="width:100%">
			</div>
		</div>
	</div>
</section>