我正在使用column-count: 3将列表分成三列，并使用display: inline-block为每个列表项设置样式，以使列表项的子项保持在同一列中。这些孩子隐藏了max-height和overflow: hidden。
我想通过设置max-height: none来展开并显示子项，但由于列数会尝试动态均衡所有列，因此列表会重新排序。我知道这就是列数。
我想使用与column-count: 3类似的内容，但在页面加载后“锁定”它，因此在扩展子项时不会重新排序。如果不将项目分成三个不同的列表，这是否可行？ 仅要求是它适用于IE11。
Here is my codepen demo来说明问题。