<div> на все оставшееся место

[Lobachevsky]

Не могу осилить ширину блоков
блок .menu меняет свою ширину на каждой странице(внутри меню)
блок .search нужно разместить на все оставшееся место в .cont (внутри форма поиска)

<div class="cont">
<div class="menu"><?php ...;?></div>
<div class="search"><?php ...;?></div>
</div>
<!---CSS--->
.cont{width:100%}
menu{display:inline-block;float:left}
search{display:block;float:right}

 

[yaski]

Не могу осилить ширину блоков
блок .menu меняет свою ширину на каждой странице(внутри меню)
блок .search нужно разместить на все оставшееся место в .cont (внутри форма поиска)

<div class="cont">
<div class="menu"><?php ...;?></div>
<div class="search"><?php ...;?></div>
</div>
<!---CSS--->
.cont{width:100%}
menu{display:inline-block;float:left}
search{display:block;float:right}

.search {
    display: block;
}

 

[qpPeW]

.search {
    display: block;
}

div(у) изначально задается display block

 

[yaski]

div(у) изначально задается display block

float:right надо убрать, тогда на всю оставшуюся ширину будет заполняться search

Для просмотра ссылки Войди или Зарегистрируйся

 

[mdss]

костыльный непопулярный метод (по понятным причинам)

menu{
float:left;
width:200px;
}
.search {
overflow:hidden;
}

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

 

[guru31337]

Через display: table получается как раз то, что нужно - просто и понятно. Выделил для наглядности цветами div'ы меню и поиска. Можно подобавлять/поудалять пункты меню, чтобы увидеть изменения. Для просмотра ссылки Войди или Зарегистрируйся

 

[spyrius]

Как вариант можно использовать Flexbox.

Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся