在子元素上固定位置的任何问题 - 当父元素具有绝对位置时？

Question

这似乎可行，但我想知道是否有问题：

nav 具有绝对位置（我希望它覆盖整个页面/正文）。子 ul 元素的位置是固定的。

这样好吗？或者我应该有一个单独的“覆盖”div，然后是一个固定的导航？

<nav>
    <ul>
        <li><a href="about.html">About</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="blog.html">Blog</a></li>
        <li><a href="contact.html">Contact</a></li>
    </ul>
</nav>

nav {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.5);
    }

nav ul {
    position:fixed;
    top:100px;
    left:0;
    right:0;
    text-align:center;
    font-size:48px;
    line-height:1.75em;
    }

Answer 1

我唯一能想到的是，当你有一个结构时

position: relative -> position: absolute -> position: fixed

然后可以以某种方式移动带有relative 的那个（其他静态元素可以将其向下或向一侧推，它们可能具有可以重新定位它的边距），然后您的元素absolute 和fixed也会重新定位。