Как правильно сверстать меню?

Question

[Test Test]

Здравствуйте. Хочу спросить, как сделать адаптивную навигацию, и чтобы она была растянута на всю ширину блока.

Код:

<div class="header">
<div class="logo">
Logo
</div>

<div class="search">
Search
</div>

</div>

Css

.header .logo { float: left; width: 65px;}
.header .search { float: left; width: 100% }

В общем, получается не то, чтобы хотелось... Нужно, чтобы один элемент был фикс. ширины, а второй растягивался в header.

P.S Пишу с телефона, за ошибки и недочеты извиняюсь...

Answer 1

[Александр Таратин]

width: calc(100% - 65px);

Comments

[Test Test]

Спасибо, работает. А как браузеры относятся к этому свойству?

[Александр Таратин]

cubooks: caniuse.com/#search=calc