1. 程式人生 > 其它 >關於用了flex 之後父級不會被子盒子撐開

關於用了flex 之後父級不會被子盒子撐開

我發現有個盒子的高度不會被子盒子撐開,即便加了

height: initial;
    min-height: fit-content;

也不行,除非給個最小高度數值,
我沒有用浮動,顯然不是浮動的問題,
後來發現原來是因為這個盒子的父級用了flex
在這裡插入圖片描述
就是.template-row的父級,原先寫的是display:flex;flex-direction:colunm;去掉之後,.template-row就正常了,
彈性盒模型會自動縮放(主軸方向)內部盒子,
所以說能用標準流就用標準流,不行再考慮其他,不用一上來就加一堆樣式