所以我在这件小事上浪费了大量时间。希望附近的人可以帮助我。
我有一个右侧导航面板。
.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。是否可以坚持使用这个盒子，也许删除一个类并添加另一个？
最佳答案
将top设置为其初始值，即auto:
top: auto;
当不知道初始值时，也可以使用initial:
top: initial;
或者，由于 top 不可继承，unset 也会将其重置为初始值:
top: unset;
或者，如果您想将级联回滚到用户级别，请使用revert:
top: revert;
另见 CSS Cascading and Inheritance Level 4 - Explicit Defaulting .
关于html - @media 删除顶部 :0; from style，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35419352/