HTML5，隐藏溢出的高度计算

在本例中，为什么HTML5​​如果父元素上的“溢出”设置为“隐藏”，则子元素高度的计算是否存在差异？如果没有HTML5 doctype和/或overflow，则显示文本时不会隐藏文本

CSS

.parent {
    position: relative;
    overflow: hidden;
}

.child {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

HTML

<div class="parent">
    <div class="child">
        Test
    </div>
</div>

试验

不可能将父对象作为溢出隐藏以及相对定位。相反，您可以将加法子对象放入流溢出

下面是一个更好的例子

.parent{
位置：相对位置；
背景色：#eeeeee；
宽度：200px；
高度：200px；
}
.孩子{
位置：绝对位置；
背景色：#dddddd；
底部：10px；
左：0；
右：0；
}
.另一个孩子{
溢出：隐藏；
}

另一个包含长文本且溢出属性为隐藏的子级
试验

不可能将父对象作为溢出隐藏以及相对定位。相反，您可以将加法子对象放入流溢出。