html - 定位固定 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 示例。

position: fixed定位在窗口上，而不是父级。

Answer 2

据我所知position:fixed;，与主窗口有关，而不是与父母有关。