1. 程式人生 > >提問: 子容器為什麼無法通過百分比計算div父容器由另外一個子元素撐開的高度

提問: 子容器為什麼無法通過百分比計算div父容器由另外一個子元素撐開的高度

首先,記錄一下我看到這個問題的出處:https://blog.csdn.net/m0_38005587/article/details/81292339

好了,問題開始: 父容器未設定高度,反而由一子容器高度撐開,為什麼其他子容器就是計算不了?

結構不復雜,1層div,裡面包上1個span,1個div:

效果的話可以自己寫寫看看效果,總而言之,.cover元素不具備高度!

檢視父容器高度設定:咦,灰色?注意哦!如果設定在父級上,顯示的是明亮的顏色,而不是這種暗淡的,原因何在?

推測:由於預設的父級div高度是auto,也只有這種情況下,auto * 100%才無法計算

雖然這兒父級height被子元素給修改了,但是另外一個子元素繼承的卻是這個auto值,估計得看下dom tree是如何構造的了。。。