我column-count: 3用来将列表分为三列，并为每个列表项设置样式，display: inline-block以将列表项的子项保持在同一列中。max-height孩子们用和隐藏overflow: hidden。
我想通过设置展开并在点击时显示子max-height: none项，但是由于 column-count 试图动态地平衡所有列，因此列表会重新排序。我知道这就是 column-count 的用途。
我想在页面加载后使用类似于column-count: 3但“锁定”它的东西，这样它在展开子项时不会重新排序。如果不将项目分成三个不同的列表，这是否可行？唯一的要求是它可以在 IE11 上运行。
这是我的codepen演示来说明问题。