Html 通过伪元素设置纵横比，防止元素溢出

我有一个这样的布局：

正文{
颜色：白色；
身高：100%；
宽度：100%；
背景：红色；
}
#内部集装箱{
身高：100%；
宽度：100%；
溢出：隐藏；
背景：蓝色；
}
#内部视频包装器：之后{
身高：0；
溢出：隐藏；
垫面：56.25%；
位置：相对位置；
背景颜色：棕色；
}
#内部视频包装器>div{
溢出：隐藏；
背景：黑色；
}
#内部视频包装器>分区>视频{
排名：0；
宽度：100%；
身高：100%；
位置：绝对位置；
}

行间

位置：相对位置

需要打开

#interaktiivne videowrapper>div

或

#interaktiivne videowrapper

@TemaniAfif这会导致我的视频以0高度隐藏：（此外，您添加

html{height:100%}

@TemaniAfif video height仍然为0您需要继续层叠高度。您缺少了很多层叠高度。）