当容器设置为display：flex时，显示：none时出现问题

Question

我的容器设置为display:flex;，#sidebar设置为.mainmenu，其中.submenu设置为display:none;。问题是.submenu高度被添加到#sidebar高度，虽然它设置为display:none;但是当我删除display:flex;样式时，高度仅在.submenu时添加{1}}使用jQuery .slideToggle();显示。

Answer 1

尝试设置display:flex的容器也包含align-items:flex-start;

默认设置为align-items:stretch，这会导致项目延伸以满足最高元素的高度。如果这没有解决它，那么我建议创建JSFiddle，这样我们可以更好看。