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