我几乎是一个noob，但我有一个挑战：我正在使用css模板构建一个带有小屏幕侧边栏的网站。在演示中，导航栏位于右侧，但在我的情况下，它在js动画后弹出到左侧。有什么想法为什么以及如何解决它吗？
它使用以下代码：
<nav class="w3-sidebar w3-bar-block w3-black w3-card w3-animate-right w3-hide-medium w3-hide-large" style="display:none" id="mySidebar">
<a href="javascript:void(0)" onclick="w3_close()" class="w3-bar-item w3-button w3-large w3-padding-16">Close ×</a>
<a href="#about" onclick="w3_close()" class="w3-bar-item w3-button">ABOUT</a>
<a href="#team" onclick="w3_close()" class="w3-bar-item w3-button">TEAM</a>
<a href="#work" onclick="w3_close()" class="w3-bar-item w3-button">WORK</a>
<a href="#pricing" onclick="w3_close()" class="w3-bar-item w3-button">PRICING</a>
<a href="#contact" onclick="w3_close()" class="w3-bar-item w3-button">CONTACT</a>
</nav> -->
下面的css阻止
.w3-sidebar{height:100%;margin-right:0%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-sidebar.w3-collapse{display:block!important}}
.w3-sidebar.w3-collapse{display:none}
.w3-bar-block {width:100%}
.w3-bar-block {min-width:100%}
.w3-bar-block{width:100%;text-align:left;padding:8px 16px}
有什么想法吗？
我唯一想到的就是更改；块"；至"；内联"；在：
.w3-sidebar.w3-collapse{display:block!important}}
至。。
.w3-sidebar.w3-collapse{display:inline!important}}
你也许可以试试，但我不确定它能起作用吗。。。希望它能有所帮助。。