javascript - 影响其他 Div 宽度的动态 Div 宽度

Question

内联 div 宽度的主动变化如何影响另一个内联 div 的宽度？

<div>
    <div></div>
    <div></div>
</div>

是否需要使用 javascript 同时调整两者的大小？还是有更优雅的 css 方式？

我不相信在这种情况下可以使用 css calc 方法？宽度:计算(X-Y)；

例子:

类似的概念是 apple.com 菜单，其中搜索框的扩展会导致菜单选项卡元素区域的 div 宽度发生变化。(苹果使用了我无法解决的不同方法)

Answer 1

可以使用flexbox来填充剩余的宽度

display:flex