固定在相对父级div内的定位div

我正在建立一个响应式的网站，需要一个固定的菜单，因此当网站的其余部分滚动时不会滚动。问题是它是一个流畅的布局，我希望“固定位置”菜单项相对于包含父元素而不是浏览器窗口来修复。有没有可以做到这一点？

解决方法

这个问题首先在Google上，尽管如此，我发布了我发现的工作答案，这对其他人来说是有用的。

这需要3个div，包括固定的div。

HTML

<div class="wrapper">
    <div class="parent">
        <div class="child"></div>
    </div>
</div>

CSS

.wrapper { position:relative; width:1280px; }
    .parent { position:absolute; }
        .child { position:fixed; width:960px; }

原文地址：https://www.jb51.cc/css/218071.html