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

Html 制作一个流体div和另一个流体div以填充剩余空间,html,css,fluid-layout,Html,Css,Fluid Layout,有没有一种方法可以让类似的东西在CSS和HTML上工作: 有2个div,两个div的宽度都未知,一个动态扩展,另一个填充剩余空间,如下所示: 结构非常基本: <div class="parent"> <div class="filler"></div> <div class="dynamic"></div> </div> .filler将包含文本,.dynamic将接收应显示在一行中的元素(其他htm

有没有一种方法可以让类似的东西在CSS和HTML上工作:

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

结构非常基本:

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

.filler将包含文本,.dynamic将接收应显示在一行中的元素(其他html结构)


这可能吗?

您可以在子div上使用
显示:表格单元格
,在filler div上使用
宽度:100%

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

是否使用基于百分比的维度?
填充所有剩余空间
元素的宽度将为
100%
,并且它将与其他元素内联……“这可能吗?”是的,但您尝试过什么吗?@JoshC即使两者都显示为内联,100%的宽度也会断线@j08691是的,事实上,我试了很多。。。我只是在这里发布问题作为我最后的资源!heheThen请发布您尝试过的内容,这样我们就不会重复您的努力。