Как задать position: absolute относительно окна браузера?
Есть контейнер(.container), его ширина фиксированная, задан position: relative. В нем элемент(.element) с position: absolute.
Положение этого элемента будет отсчитываться относительно контейнера.
Как мне сделать, чтобы положение вложенного элемента было относительно окна браузера, а не относительно родительского элемента?
Убрать position: relative с контейнера не вариант. jsfiddle.net/u1j7xmLc
Никак. А не проще блок с контентом поместить внутри основного блока, присвоить ему relative, а у главного блока убрать? Тогда получится, что .element будет выстраиваться относительно окна браузера, а во вложенном блоке с контентом все элементы absolute будут относительно него, т.е. относительно главного блока, так как вложенный будет по длине и ширине таким же :)
