Html 覆盖背景不会填充所有容器高度

有一个最小高度为calc（50%-30px）的.wrapper和覆盖模糊div，它应该适合所有.wrapper高度。代码笔

---

你需要在你的

.wrapper中有/添加
相对位置
，就像你在
类中有
绝对位置一样


.wrapper{背景色：番茄；
边框：1px实心#dfe0e3；
边界半径：20px；
溢出：隐藏；
显示器：flex；
弯曲方向：立柱；
调整内容：灵活启动；
保证金：计算（30px/2）自动；
最小高度：计算（50vh-30px）；
高度：自动；
字体大小：70px；
位置：相对位置；
}
.模糊{
-webkit背景滤镜：模糊（7px）；
背景滤镜：模糊（7px）；
背景色：#000000；
不透明度：0.3；
宽度：100%；
位置：绝对位置；
框大小：边框框；
z指数：3；
边界半径：20px；
身高：100%；
}
fdskfjdksfjkfjklsdjfkdls-Lorem ipsum-door-site-amet-concertetur-adipising-elit。Aut减去错误earum EXPEPTURI hic RECIENDIS OFFICIANY molestias magni voluptas？请选择正确的使用方法。
有什么问题？添加
位置：相对
到您的
.wrapper
@SafwanSamsudeen.blur不会适合所有人。mobileQuestions上的wrapper容器在寻求代码帮助时必须包含在问题本身中重现所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看。是的，那是我的错，我在包装器上有相对位置，但只在桌面屏幕上），而不是手机上。这就是为什么这个问题很简单，谢谢大家