本文介绍了如何在Firefox中纠正侧边栏的固定位置？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我在我的网页中有以下HTML，我希望将侧边栏固定在左侧。它在Chrome中运行良好，但Firfox无法显示固定的侧边栏：
<div id="sidebar">
<!-- Logo -->
<div >
<h1>Heading</h1>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#target1" >About</a></li>
<li><a href="#target2" >Works</a></li>
<li><a href="#target3" >Our Team</a></li>
<li><a href="#target4" >Contact</a></li>
</ul>
</nav>
</div>
上述代码的css为：
#sidebar
{
position: fixed;
top: 0;
padding: 3em 1.35em 1em 1.15em;
height: 100%;
width: 12em;
background: #364050 ;
box-shadow: inset -0.1em 0em 0.35em 0em rgba(0,0,0,0.15);
}
请给我建议一些解决方案，以便侧边栏在Firefox中保持不变。
css
检查您的Body推荐答案标记、META以及任何可能影响该div的内容。也许有另一条css规则覆盖了那个‘位置’
此外，如果你有CSS3标签或正文中的错误，例如，transform: translate3d(0px, 0px, 0px);，这可能会使Firefox中的固定位置中断。
这篇关于如何在Firefox中纠正侧边栏的固定位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！