css - 有没有办法让 div "greedily"抓取宽度？

Question

我有 2 个并排的 div。它们都可以通过 jquery 关闭。当它们都可见时，它们具有固定的宽度，但是当其中一个关闭时，我希望剩余的 div 展开以占用关闭的 div 所占用的宽度。有没有办法只使用CSS(除了关闭按钮)来做到这一点，还是我必须求助于javascript？

Answer 1

我能想到的用 CSS 解决这个问题的唯一方法是向包含元素添加类:

<div id="container" class="left|right|both">
    <div class="left"></div>
    <div class="right"></div>
</div>

根据父类的内容设置内容的样式。如果 left 是类，则为第一个 div 指定不受限的宽度并隐藏第二个 div。 right 和第二个 div 也是如此。当父级为 both 时，您为两个 div 分配 50%。

您的 JavaScript 需要做的就是处理当前应用于容器的类。