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 вычислить высоту от его родительский родительский заголовок, а не его родительский headerchild

Answer 1

Я думаю, что получил то, что вы хотите.

Все, что вам нужно сделать, это добавить позиции недвижимость в headerchild дочернего класса, .i.e.,

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