尊重相对元素内的绝对元素的高度

Question

相对定位元素的高度是否可以调整到其子元素的高度？

---

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

输出：

Answer 1

当你指定绝对定位时，你必须给它坐标

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

指定x pos和y pos为0和0 外部标签根据内部标签进行调整 //除非您指定外部标记的宽度或高度

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