css - 固定位置导航使下面的元素重叠

Question

我使用了一个高度为 100px 的固定导航栏，但下面的内容被它覆盖了。目前我给导航正下方的元素一个 100px 的 margin-top。这是正确的方法还是我可以将样式应用于导航来解决此问题。导航是永久性的，下面的元素在不断变化，所以我不想继续将 margin-top 应用于每个新元素。

Answer 1

你可以这样做

<div id="nav">
     <!-- here u put your options -->
</div>

<script>
position : relative;
top : 0%;
height : 100px; 
</script>

在这部分之后，您可以继续使用 position: relative; 的 div 制作您的页面。所有这些 div 都将位于导航下方而不会重叠。