Question

Can it be possible for the height of the relatively positioned element to adjust to the height of it’s child element?

---

See Demonstration

---

HTML:

Items:
<div id="love">
    <textarea id="magic"></textarea>       
</div>
Dung:​​

CSS:

#love{
    position:relative;
    background:#eee;
    width:60px;
}
#magic{
    position:absolute;
    width:20px;
}

Output:

Answer 1

when you specify absolute positioning you have to give co-ordinates to it

#magic{
    position:absolute;
    width:20px;   
}

you specify x pos and y pos as 0 and 0
outer tag adjusts according to inner tag
//unless you specify width or height to outer tag

#magic{
    position:absolute; 
    left:0; // x pos
    top:0; // y pos
    width:20px;
}