Как сделать 2 дива в строку, если ширина первого неизвестна, а ширина второго должна заполнить максимально возможную ширину?

Question

[red-web]

Собственно я не знаю ширины названия города
так же не известна ширина контейнера (div1)
а ширина div3 должна занимать максимальную оставшуюся ширину

<style>
   #div1{ float:left; }
   #div2{ float:left; }
</style>
<div id="div1">
   <div id="div2">Санкт-Перербург</div2>
   <div id="div3"><input type="text" style="width:100%"></div2>
</div>

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/zjujsuux/
так

Comments

[red-web]

Спасибо. Хорошее решение.