如何通过CSS在"相对"父级之外对齐未知高度的绝对DIV？

Question

考虑一个使用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

不认为这会自己起作用,但它似乎:

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