前端之家收集整理的这篇文章主要介绍了
固定在相对父级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.f2er.com/css/218071.html