Ограничить position: fixed по ширине

377

26 ноября 2016, 19:43

Добрый день!

На сайте есть фиксированный блок, который прижат к правому нижнему углу. Я хочу ограничить его с помощью max-width главного контейнера.

Т.е например чтобы на больших разрешениях блок не уходил за пределы max-width: 1440px.

Нашел следующее решение, но оно не работает если блок прижат к нижней части окна http://jsfiddle.net/Jayx/vFQpX/2/

 .content{
    background:#ccc;
    max-width:500px;
    margin:50px auto;
    position:relative;
}
.marker{
    position:absolute;
    width:200px;
    right:0;
}
.fixedmarker{
    background:#f00;
    color:#fff;
    position:fixed;
    width:200px;
}