Html 防止在位置上变换：固定父元素的折叠高度

如果存在高度为100%的子项集，并且在其

位置上设置了
变换
：固定

父项，则父项将完全失去其高度并折叠

比如说

.wrapper{
变换：比例（1）；
}
.内部{
高度：计算（100%-160px）；
宽度：计算（100%-160px）；
利润率：80px；
位置：固定；
边框：4px纯蓝色；
溢出y：自动；
}
.孩子{
高度：300px；
边框：4倍纯红；
}

第一个副本解释了为什么-->包装器将成为固定元素的新包含块。第二个副本将解释为什么在这种情况下高度collpase会失败，因为wrapperTL上没有定义高度；DR，使用

vh

单位代替percetange表示高度-->

高度：计算（100vh-160px）只需添加
显示：内容
到
.wrapper
对不起，复制/粘贴错误。。第一个副本现在用正确的链接修复