添加左侧对齐到站点包装器右边缘的粘性侧边栏

Question

我想添加一个粘贴侧边栏，在您向下滚动时保持原位。 This site以电子邮件选择加入形式为例。

然而，与该示例不同，我希望我的侧边栏与包装器的右边缘左对齐。

现在我正在使用

.sidebar {
    position: absolute;
    left: 894px;
    top: 188px;
}

定位它，但它并不总是在包装器的右边缘。

有什么想法吗？

Answer 1

使用：

.wrapper {
    width:100px;
    position: fixed; 
    left:0; 
    top: 188px;
    }

.sidebar {
    width:50px;
    float:left;
    margin-left:50px;
    }

这是一个封面贴在屏幕左侧并且侧边栏贴在封面右侧的示例。