問題與顯示：無當容器設置爲顯示：flex

Question

我有一個容器設置爲display:flex;和#sidebar其中.mainmenu包括.submenu設置爲display:none;。問題是.submenu高度被添加到#sidebar高度，雖然它被設置爲display:none;，但是當我刪除display:flex;樣式時，僅在.submenu使用jQuery .slideToggle();顯示時才添加高度。

Answer 1

嘗試設置具有display:flex容器還包括align-items:flex-start;

默認設置爲align-items:stretch這將導致項目伸展，以滿足最高的元素的高度。如果這沒有解決它，那麼我建議創建JSFiddle，以便我們可以有一個更好的外觀。