Как прикрепить липкий элемент точно к стороне моей основной обертки

Question

Я хочу прикрепить липкий элемент (содержащий значки социальных сетей) справа от моей основной оболочки, ширина которого составляет 960 пикселей, а не прилипает к правой стороне экрана.

Какие-нибудь простые способы CSS сделать это?

Спасибо

Answer 1

div#wrapper {
    position: relative;
}
div#socialmediaicons {
    position: absolute;
    top: 0;
    right: 0;
}

<div id="wrapper">
    <div id="socialmediaicons"> ... </div>
</div>

«Абсолютно» позиционированные элементы будут позиционироваться относительно ближайшего родительского элемента, который сам позиционируется.

Answer 2

Для этой цели есть хороший плагин jQuery:

http://plugins.jquery.com/project/stickyfloat

Tt дает вам силы, превосходящие простой CSS.