Добавьте липкую боковую панель, которая выровнена по левому краю к правому краю оболочки сайта

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

Это пример того, как оболочка прилипла к левой стороне экрана, а боковая панель - к правой стороне оболочки.