尊重相对定位元素中绝对定位元素的高度

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

输出：

- Jürgen Paul

---

如果您事先知道孩子的高度：是的，只需设置“padding”或“height”属性。如果允许JavaScript：是的，请进行一些计算。否则：不行。 - Rob W

我不理解这个问题，但请查看此链接： http://jsfiddle.net/XTVbu/5/ - SRN

@SRN，哇塞，太棒了！你能把它作为答案发布并解释一下你添加了什么吗？谢谢。 - Jürgen Paul

Answer 1

当您指定绝对定位时，必须为其提供坐标。

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

当你将x pos和y pos指定为0时，外部标签会根据内部标签进行调整。 //除非您将外部标签的宽度或高度指定为特定值

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

- SRN

---

在Chrome中，指定xpos和ypos以及position:absolute会显示为无效属性值。 - Naga Kiran