Imagine a straightforward illustration using html:
<div class="parent">
<div class="child">
</div>
</div>
and CSS:
.parent{
position:relative;
background:red;
width:200px;
height:40px;
}
.child{
position:absolute;
top:40px;
left:30px;
width:70px;
height:70px;
background:blue;
}
to position a DIV with absolute placement just below its parent (with relative position).
In this instance, I set the absolute positioning's top to match the parent relative's height.
Is there a way to align the absolute DIV directly under the parent when the height is unspecified for both the parent and child?