在相对父 div 中固定定位的 div

Question

我目前正在构建一个响应式网站，需要修复一个菜单，这样就不会在网站的其余部分滚动时滚动。问题是它是一个流畅的布局，我希望“固定定位”菜单项相对于包含的父元素而不是浏览器窗口是固定的。无论如何，这可以做到吗？

Answer 1

这个问题在 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; }