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

Question

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

---

见示范

---

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