我有我网站桌面版的侧面导航。这是CSS：
.sidenav {
position: fixed;
/*width set by col2 [16.66%]*/
height: 100%;
left: 0;
/*top set by $*/
background-color: #2e2e2e;
}
移动网站侧边导航的 CSS：
.sidenav {
width: 0;
height: 100%;
position: fixed;
right: 0;
z-index: 1;
background-color: #2e2e2e;
overflow-x: hidden;
-webkit-transition: 1s;
transition: 1s;
padding-top: 15px;
}
正如您从 CSS 中看到的那样，我正在尝试获取移动窗口右侧的 sidenav。然而，它保持在左侧。我错过了什么？我有重复的设置，因为我试图从桌面版本重置它们。我认为只需添加right:0到@media 即可使其成为页面的整个宽度。
只需为移动侧导航样式添加此规则：
.sidenav {
left:auto;
}
问题的关键是该浏览器在你的版本有两个规则-left: 0和right: 0，所以，他听的第一条规则，并随时离开。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句