Html CSS元素'；移动设备上绝对变化的s位置（相同大小的屏幕）

我总是发现自己对CSS中的绝对位置感到困惑，问题是当我在chrome和firefox上尝试时，它很好，甚至当我改变浏览器的屏幕大小以查看响应行为时，但在移动设备上使用相同的屏幕大小时，我的绝对元素会向上移动一些像素

---

提前感谢

我们已经了解到了，如果您在图片中看到，手机中的桌面版本号底部出现了一个滚动条，导致了问题。我这样修复了它：对于这两个标签，我们将整个div移到容器顶部，并像这样更改css，并在顶部放置一个边距：

#square-box-tratamiento-nebulizado {
    height: 20px;
    width: 100%;
    text-align: -webkit-right;
    z-index: 1000;
    margin-top: 427px;
    position: absolute;
    pointer-events: none;

---

我们对margin top进行了一个媒体查询，如果屏幕大小发生变化，就会对其进行更改。如我们所知，如果您在图片中看到，手机中的桌面版本no的底部出现了一个滚动条，则会导致此问题。我这样修复了它：对于这两个标签，我们将整个div移到容器顶部，并像这样更改css，并在顶部放置一个边距：

#square-box-tratamiento-nebulizado {
    height: 20px;
    width: 100%;
    text-align: -webkit-right;
    z-index: 1000;
    margin-top: 427px;
    position: absolute;
    pointer-events: none;

---

如果屏幕大小改变，我们会对页边空白顶部进行媒体查询，以更改页边空白顶部

您是否尝试使用

顶部

而不是

底部

？这不是因为水平滚动条吗？@skam这正是因为滚动条我修复了它，我正在写答案。你是否尝试使用

top

而不是

bottom

？这不是因为水平滚动条吗？@skam这正是因为滚动条我修复了它，我正在写答案。