@media css代码中存在错误。应该很简单

我正试图使用@media命令将我网站的一个元素设置为不同的高度，以便进行移动浏览，但我似乎无法让代码正常工作。如果在座的任何人都能看到我的错误并为我指明正确的方向，我将非常感激

body .gilidPanel-opener {
   top: 55%;
}

@media all and (max-width: 700px){
body .gilidPanel-opener {
      top: 85%;
    }
}

---

由于默认情况下

位置

属性值为

静态

，因此需要提供不同的值，例如

绝对

、

固定

或

相对

，以使

顶部

属性工作，因此请尝试：

body .gilidPanel-opener {
   position: relative; /* or absolute or fixed */
   top: 55%;
}

@media all and (max-width: 700px){
body .gilidPanel-opener {
      position: relative; /* or absolute or fixed */
      top: 85%;
    }
}

---

你的代码没有问题。但是如果你使用的是top元素，那么元素必须是position:absolute我不能将元素设置为absolute，因为它会影响页面的其他样式。有没有其他值可以替换为“top”呢？谢谢您的快速回复！对页面其余部分有效的唯一值是“固定”，但是@media代码仍然不会触发。（www.focalocal.org-屏幕左侧的选项卡）