动态Div宽度会影响其他Div宽度

Question

内嵌div宽度的主动更改如何影响另一个内联div的宽度？

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

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

我不相信在这种情况下可以使用css calc方法吗？ width：calc（X-Y）;

示例：

类似的概念是apple.com菜单，其中搜索框的扩展导致菜单标签项区域的div宽度的改变。 （苹果使用了一种我无法解决的不同方法）

Answer 1

可以使用flexbox填充剩余宽度

display:flex

Answer 2

apple菜单使用带ul的容器text-align: justify，然后调整搜索li处于活动状态时的宽度。