Html 试图让div粘在另一个居中div的一侧并处于固定位置

我知道这对你们中的一些人来说可能很愚蠢，但我有一个页面div，它使用自动边距在主体中居中，我试图在它的右侧放置一个小矩形div，如下图所示，并将这个矩形固定在适当的位置，以便它与页面一起滚动。任何帮助都将不胜感激

下面是一张我正在尝试做的图片：

---

一种方法是使用position:fixed作为固定边元素，并将它们放置在页面容器中。然后，通过将其边距设置为“容器宽度”，可以将其向右移动：

.main {
    /* page container ... */
    position: relative;
}
.main .side {
    /* side elements ... */
    position: fixed;
    margin-left: 410px; /* width of the .main */
}

---

演示：@Ryan很高兴这有帮助。如果答案有用，请随意回答。