Как выровнять абсолютный DIV неизвестной высоты вне «относительного» родителя CSS?

Question

Рассмотрим простой example с HTML

<div class="parent"> 
    <div class="child"> 
    </div> 
</div> 

и CSS

.parent{ 
    position:relative; 
    background:red; 
    width:200px; 
    height:40px; 
} 
.child{ 
    position:absolute; 
    top:40px; 
    left:30px; 
    width:70px; 
    height:70px; 
    background:blue; 
} 

разместить DIV с абсолютной позиции только под его родителя (с относительным положением).

В этом примере я сравнил верхнюю часть абсолютного с родительским относительным.

Как выровнять абсолютный DIV только под родителем, когда высота неизвестна (как родительский, так и дочерний)?

Answer 1

Не думаю, что this будет работать сам, но это, кажется:

html, body { 
    height: 100%; 
} 
.parent{ 
    position:relative; 
    background:red; 
    width:200px; 
    height:40px; 
} 
.child{ 
    position:absolute; 
    top:100%; 
    left:30px; 
    width:70px; 
    height:70px; 
    background:blue; 
} 

Answer 2

вы можете использовать отрицательное значение для дна, например. bottom: -100px

EDIT: вот лучшее решение: http://jsfiddle.net/mqy4z/3/ - положение, задаваемое ребенка к top:100%

Answer 3

Попробуйте поместить оба Div находится в вашем HTML файле под Афоризм:

<div class="parent"> 
</div> 

<div class="child"> 
</div> 

Answer 4

Проверить это ..

HTML: 
------- 

<div class="parent"> 
</div> 
<div class="child"> 
</div> 

CSS: 
----- 
.parent{ 
    position:relative; 
    background:red; 
    width:200px; 
    height:40px; 
} 
.child{ 
    position:absolute; 
    top:auto; 
    left:30px; 
    width:70px; 
    height:70px; 
    background:blue; 
} 

(Example)