Html 查看具有固定父背景时的完整子div

我得到了一个固定的包装器（用来覆盖背景）和一个内部div（用来保存text/div）。在内部div中，我有一些div和文本

html，
身体{
身高：100%；
}
.包装纸{
宽度：100%；
身高：100%；
背景色：#F60；
z指数：2；
}
.内部{
背景色：rgba（29,29,29,0.95）；
颜色：#fff；
位置：相对位置；
最高：50%；
-webkit转换：translateY（-50%）；
-ms转换：translateY（-50%）；
-莫兹变换：translateY（-50%）；
-o-变换：translateY（-50%）；
转化：translateY（-50%）；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦特式的坐在椅子上效率很高。洛雷姆·伊普斯姆·多尔·坐在椅子上效率很高，是一位杰出的领导者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦特式的坐在椅子上效率很高。洛雷姆·伊普斯姆·多尔·坐在椅子上效率很高，是一位杰出的领导者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦茨克坐在阿梅特效率turpis。

我建议给内部元素一个

最大高度
为
100%
，然后添加
overflow:auto
，有条件地添加一个滚动条



html，
身体{
身高：100%；
保证金：0；
}
.包装纸{
宽度：100%；
身高：100%；
背景色：#F60；
z指数：2；
}
.内部{
背景色：rgba（29,29,29,0.95）；
颜色：#fff；
位置：相对位置；
最高：50%；
转化：translateY（-50%）；
最大高度：100%；
溢出：自动；
}

Lorem ipsum dolor sit amet，是一位杰出的献身者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦特式的坐在椅子上效率很高。洛雷姆·伊普斯姆·多尔·坐在椅子上效率很高，是一位杰出的领导者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦特式的坐在椅子上效率很高。洛雷姆·伊普斯姆·多尔·坐在椅子上效率很高，是一位杰出的领导者。做一个最后的决定。无尾盲蝽。非pulvinar sollicitudin的nisi三联症。克拉斯·麦格纳·利古拉，弗林蒂利亚的莫莱斯蒂，菲尼布斯·森佩尔·托托。这是一位智者，也是一位自由主义者。马来苏阿达弗林吉亚褐飞虱。苏打威士忌、啤酒、啤酒、玉米饼、啤酒和啤酒。在这一时期，艾库利斯·奥迪亚（iaculis odio a）、孕妇厄洛斯（eros）。普罗因拍卖人塞莱里斯克·波特托。这是一种新的设备。静脉曲张悬液。佩伦茨克坐在阿梅特效率turpis。
我不知道你的问题是否正确，但下面是CSS的一些变化：

.wrapper {
    width: 100%;
    height: 100%;
    background-color: #F60;
    z-index: 2;
    position: relative;
}
.ABC {
    background-color: rgba(29, 29, 29, 0.95);
    color: #FFF;
    top: calc(50% - 50px);
    height: 20px;
    position: relative;
    width: 100%;
    overflow-y: scroll;
    min-height: 100px;
}

滚动条可以隐藏但仍然可以滚动吗？@Becky Yep，请看：
.wrapper {
    width: 100%;
    height: 100%;
    background-color: #F60;
    z-index: 2;
    position: relative;
}
.ABC {
    background-color: rgba(29, 29, 29, 0.95);
    color: #FFF;
    top: calc(50% - 50px);
    height: 20px;
    position: relative;
    width: 100%;
    overflow-y: scroll;
    min-height: 100px;
}