@media 删除顶部：0; 从风格

Question

所以我一直在这件小事上浪费了大量时间。希望这里有人可以帮助我。

我有一个右侧导航面板。

.navbar_right{
 width: 365px;
 top:0;
 height:100%;
 position:fixed;
 right:0;
}

现在，当我的网站在 1400 宽度处中断时，我希望将相同的菜单放在右侧，但在底部而不是顶部。那么我该如何去删除top:0;和添加呢bottom:0;。

@media (max-width: 1400px) {
 .navbar_right{
 bottom:0;
 height:40%;
 }
}

我更希望能够使用相同的容器，因为我正在使用的平台会将内容推送到导航面板中，所以如果我能做到这一点 - 我将节省大量资源。出于同样的原因，我也更愿意避免使用 jQuery。是否可以坚持使用这个框，也许删除一个类并添加另一个类？

Answer 1

设置top为其初始值，即auto：

top: auto;

当您不知道初始值时，您还可以使用initial：

top: initial;

或者，由于top不可继承，unset也将其重置为初始值：

top: unset;

或者，如果要将级联回滚到用户级别，请使用revert：

top: revert;