Html 如何让绝对定位div在手机屏幕上消失

我有一个容器，它的位置是绝对的，设置在屏幕右侧。当我单击某个按钮时，它会从右侧滑入以显示内容。当您单击关闭按钮时，它会滑回屏幕右侧，再次隐藏。它在桌面上运行良好，但在移动设备上，它没有隐藏在屏幕的一侧，而是将主要内容缩小到一半宽度，并显示旁边绝对定位的元素。当我单击使其滑入的按钮时，容器会随着其后面的主要内容而变满。当我单击close按钮时，容器不会滑出屏幕，而是向右滑动，两个容器都占据了屏幕宽度的一半

下面是html结构和相关的css

html{
宽度：100vw；
溢出：隐藏；
}
身体{
背景图片：url（./images/sand.jpg）；
背景尺寸：封面；
背景重复：无重复；
保证金：0；
身高：100%；
溢出：隐藏；
}
.持有人{
过渡：所有1都易于输入输出；
}
.工作负责人{
位置：绝对位置；
身高：100%；
宽度：96%；
背景色：#fff；
溢出：滚动；
过渡：所有1.2秒缓进缓出；
右图：-100%；
颜色：#6161；
字体系列：“阿森纳”，无衬线；
线高：1.5；
填充底部：65px；
}

而不是

右：-100%

放

左-100%

这会将整个区块推到电话屏幕宽度的100%左侧，而不是

右：-100%

放

左-100%

---

这会将整个区块推到电话屏幕宽度的100%左侧

如果你查看该站点，我有一个区块从左侧滑入，另一个区块从右侧滑入。从左侧滑入的一个设置为左侧：-100%，并且该选项工作正常。如果可能的话，我想让另一个从右边滑进去，这就是为什么它在右边：如果你看这个网站，100%的话，我有一个从左边滑进去的街区和一个从右边滑进去的街区。从左侧滑入的一个设置为左侧：-100%，并且该选项工作正常。如果可能的话，我希望另一个从右边滑进去，这就是为什么它在右边：100%