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; 
}