更新:这是迄今为止最接近的解决方案:http: //jsfiddle.net/bfcr62yd/11/
我无法解决以下问题。简而言之,我需要一个元素来填充剩余的宽度,而所有其他水平堆叠的元素都具有固定的宽度。
UI 有 5 个包装元素,需要以固定的最小宽度水平堆叠。左侧的 2 个元素和右侧的 2 个元素具有固定宽度。中心包装元素宽度需要动态填充剩余宽度。中心元素有一个具有非常大的固定宽度的子元素。如果响应式父宽度小于子固定宽度,我希望孩子溢出-x:滚动(隐藏剩余宽度并通过滚动查看)。
<div>
<div class="box dates"></div>
<div class="box dates_presets"></div>
<div class="box groupings"></div> <!-- to fill remaining width -->
<div class="box columns"></div>
<div class="box columns_video"></div>
</div>
到目前为止我的尝试:http: //jsfiddle.net/bwgrwgnz/1/ http://jsfiddle.net/hycd4non/13/
我发现这个简单的例子只适用于 2 个元素:http: //jsfiddle.net/SpSjL/