css - 添加一个与站点包装器的右边缘左对齐的粘性侧边栏

Question

我想添加一个粘性侧边栏，在您向下滚动时保持原位。这个网站有一个电子邮件选择表格的例子。

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

现在我只是在使用

.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;
    }

这是一个将包装纸粘在屏幕左侧且侧边栏靠在包装纸右侧的示例。