Html 绝对定位容器大小计算错误，画布作为其子对象

我有一个

canvas

元素包装在绝对定位的

div

中：

正文{
位置：相对位置；
高度：100px；
}
.形状{
位置：绝对位置；
顶部：0；底部：0；左侧：0；
背景颜色：绿色；
}
.形状>画布{
显示：块；
身高：100%；
}

---

这是一个非常复杂的情况，我们需要结合百分比高度、替换元素、绝对位置元素的规格。。。从技术上讲，Firefox是正确的，但我想说Chrome做了额外的努力