Css 绝对定位文本区域不考虑右属性和底部属性

我试图绝对定位一个文本区域，该区域将延伸以覆盖其父对象。 不幸的是，Chrome似乎忽略了右属性，Firefox同时忽略了右属性和底部属性

以下是我正在使用的CSS：

#容器{
位置：相对位置；
}
#我的文本区{
位置：绝对位置；
顶部：0px；
底部：0px；
左：10px；
右：10px；
}

将textarea包装到元素中，并在该元素上使用相同的css。 演示：

HTML:

<div id="container">
    <div id="my-text-area">

        <textarea></textarea>
    </div>

</div>

body,
html,
#container {
    width: 100%;
    height: 100%;
}

body {
    margin: 0px;
}

#container {
    position: relative;
}

#my-text-area {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

textarea {
    height: 100%;
    width: 100%;
}

---

参考：

要从父级获得动态高度和宽度，您可以在子级的

宽度、高度

属性中使用

继承

关键字

这里是工作游戏

body，
html，
#容器{
宽度：100px；
高度：100px；
}
身体{
边际：0px；
}
#容器{
位置：相对位置；
}
#我的文本区{
位置：绝对位置；
顶部：0px；
底部：0px；
左：0px；
右：0px；
宽度：继承；
身高：继承；
}

只需使用“顶部”和“左侧”，然后将“高度”和“宽度”设置为100%？这是一个很好的解决方法……我仍然很好奇是否有办法在文本区域本身上实现正确的行为。@coandamihai我想还没有办法。我分享的链接描述了这种行为……但如果我将来想修改右边或底部的属性，为另一个元素留出空间，我就不能了。我不明白你的意思，您想在何处添加另一个元素？例如，您在文本区域的右侧有一个20px的条纹元素…如果此定位有效，我只需修改右侧：20px；属性，它将为条带留出空间，但仍会根据其父元素调整大小。