div要素に高さを指定していないのに中身に関係なく高さが固定されてしまう

div要素に高さを指定していないのに中身に関係なく高さが固定されてしまう問題が出たが、原因はdiv要素を囲む要素がdisplay:gridで、グリッド高さが指定されていることだった。
div要素自体には高さ指定がなくても親がgridならそのグリッドの高さに合わせて要素が流し込まれるので一定の高さになってしまう。