我使用了一个高度为 100px 的固定导航栏,但下面的内容被它覆盖了。目前我给导航正下方的元素一个 100px 的 margin-top。这是正确的方法还是我可以将样式应用于导航来解决此问题。导航是永久性的,下面的元素在不断变化,所以我不想继续将 margin-top 应用于每个新元素。
最佳答案
你可以这样做
<div id="nav">
<!-- here u put your options -->
</div>
<script>
position : relative;
top : 0%;
height : 100px;
</script>
在这部分之后,您可以继续使用 position: relative; 的 div 制作您的页面。所有这些 div 都将位于导航下方而不会重叠。
关于css - 固定位置导航使下面的元素重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24124934/