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

前端之家收集整理的这篇文章主要介绍了固定在相对父级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; }

猜你在找的CSS相关文章