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

Question

有没有办法让这样的东西在 CSS 和 HTML 上工作：

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

在此处输入图像描述

结构非常基本：

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

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

这可能吗？

score 2 · Accepted Answer

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

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

1 回答 1