定位固定div以粘贴在父级内部

Question

我的代码就像这样，

HTML

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

CSS

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

这是一个响应式页面，在重新调整窗口大小时，容器的宽度会动态变化。即使页面正在滚动，我也希望将.button放在容器的右上方。但我的代码会在屏幕右上方的.button之外显示.container。

请帮我解决这个问题。

谢谢和问候。

Answer 1

您应该使用position: absolute。

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

JSFiddle example

position: fixed位于窗口，而不是父窗口。

Answer 2

据我所知position:fixed;相对于主窗口，而不是父母。