Css 如何在网页上设置元素，使其在放大和缩小时不受影响

我在css中有一个包装类和另一个在包装类div上的div。我想修复第一个div，因为当放大页面时，它会改变它的位置。那么我该如何修复这个bug呢

.包装纸{ 位置：固定； 身高：100%； 宽度：100%； 背景：fff； 溢出：滚动； 左：0.5%； 右：0.5%； 利润底部：18%； 利润率最高：18%； 溢出y：滚动； 字体大小：14px； 左边框：rgba187,0.8 0px固体； 右边框：rgba187,0.8 0px固体； z指数：500； }

---

将“位置”属性更改为

position: absolute;