CSS：添加位置后固定位置不正确;

Question

当前右边的div位于正确的位置，我希望它在哪里。但如果页面太长，我希望它滚动，所以我添加position: fixed;

但现在它的某个地方完全不同了。我该如何解决这个问题？

JSfiddle with the code

Answer 1

那是因为fixed的行为类似于absolute（除了滚动页面时它会保持不变）。您必须提供top和left值。

试试这个：

#right {
    width: 200px;
    background: red;
    position: fixed; 
    left:710px;
}

Answer 2

尝试：

#right {
    float: right;
    width: 200px;
    background: red;
    position: fixed; 
    margin-left:620px;
}

我添加了620px因为你的左栏有600px而你的position: fixed之前每列之间有20px的差距。