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

Dynamic Div Width affecting other Div width

本文关键字：Div 其他 宽度 影响 动态      更新时间：2023-09-26

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

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

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

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

例：

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

可以使用弹性框填充剩余宽度

display:flex

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

相关文章：