Сделать DIV жидкости и еще один, чтобы заполнить оставшееся пространство

Question

есть способ, чтобы сделать что-то вроде этой работы на CSS и HTML:

имеют 2 дивы, как с неизвестной шириной, один динамически расширяющимися, другое заполнением оставшееся пространство, следующим образом:

структура является очень простым:

<div class="parent"> 
    <div class="filler"></div> 
    <div class="dynamic"></div> 
</div> 

.filler будет содержать текст и .dyn amic получит элементы, которые должны отображаться в одной строке (другие html-структуры).

Возможно ли это?

Answer 1

Вы можете использовать display:table-cell на дочерних divs и использовать width:100% на заполнителе div.

#filler { 
    display:table-cell; 
    width:100%; 
} 
#dynamic { 
    display:table-cell; 
} 

http://jsfiddle.net/htvr9/