div元素將不會從它的浮動父繼承％的高度，並從它的父父

Question

繼承它，我有如下因素代碼

header { 
Position : absolute; 
Display: inline-block; 
Width: 15%; 
Height: 100%; 
Left: 0; 
Top: 0; 
} 

.headerchild { 
Display: block; 
Width: 100%; 
Padding-bottom: 20%; 
Float: left; 
} 

Headerchildchildeader { 
Position : absolute; 
Display: inline-block; 
Width: 80%; 
Height: 100%; 
Left: 20%; 
} 

的問題是，我的headerchildchild從計算的高度的問題了父母頭，而不是其父母頭標

Answer 1

我想我得到了你想要的東西。

所有您需要做的就是添加位置財產headerchild子類，.i.e，

.headerchild { 
    position: relative; //newly added property 
    Display: block; 
    Width: 100%; 
    Padding-bottom: 20%; 
    Float: left; 
}