制作流体div和另一个填充剩余空间

Question

有没有办法在CSS和HTML上做这样的工作：

有2个div，两个都有未知宽度，一个动态扩展，另一个填充剩余空间，如下所示：

结构非常基础：

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

.filler将包含文本，.dynamic将接收应该在一行中显示的元素（其他html结构）。

这可能吗？

Answer 1

您可以在子div上使用display:table-cell，并在填充div上使用width:100%。

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

http://jsfiddle.net/htvr9/