CSS: не в правильной позиции после добавления позиции: исправлено;

Question

Div в настоящее время справа находится в правильной позиции, где я хочу, чтобы это было. Но если страница становится слишком длинной, я хочу, чтобы она прокручивалась, поэтому я добавляю position: fixed;

Но теперь это где-то совершенно другое. Как я могу это исправить?

JSfiddle с кодом

Answer 1

Попробуйте с помощью:

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

Я добавляю 620px, потому что ваш левый столбец имеет 600px, а перед вашим position: fixed между каждым столбцом было поле размером 20px.

Answer 2

Это потому, что fixed ведет себя как absolute (за исключением того, что он останется на месте при прокрутке страницы). Вы должны предоставить значения top и left.

Попробуйте это:

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