css - 如何将粘性元素准确地附加到我的主包装器的一侧

Question

我想在我的主包装器的右侧附加一个粘性元素(包含社交媒体图标)，它的宽度为 960 像素，而不是粘在屏幕的右侧。

有什么简单的 CSS 方法可以做到这一点？

谢谢

Answer 1

div#wrapper {
    position: relative;
}
div#socialmediaicons {
    position: absolute;
    top: 0;
    right: 0;
}

<div id="wrapper">
    <div id="socialmediaicons"> ... </div>
</div>

“绝对”定位的元素将相对于自身定位的最近的父元素定位。