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

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也将重新定位。