固定位置的div如何粘在父元素内部

Question

3

我的代码如下：

HTML

<div class="container">
    <div class="button"></div>
</div>

.container { position: relative; }
.button { position: fixed; top: 0; right: 0;  }

这是一个响应式页面，当调整窗口大小时，容器的宽度会动态变化。我想把.button固定在容器的右上角，即使页面滚动也能保持位置不变。但我的代码显示.button在屏幕的右上方，而不是在.container内部。

请帮我修复这个问题。

谢谢和问候。

- Body

如果将 .button 的位置更改为 relative，会发生什么？ - lelloman

我需要在页面滚动时固定 .button。 - Body

2个回答

0

据我所知，position:fixed; 是相对于主窗口而非父级的。

- CoursesWeb

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MarcoK · Accepted Answer

对于这个问题，您应该使用position: absolute。

.container { position: relative; }
.button { position: absolute; top: 0; right: 0; }

position: fixed是相对于窗口而不是父元素定位的。