Good day!

The site has a fixed block, which is pressed to the lower right corner. I want to limit it with the max-width of the main container.

That is, for example, so that at high resolutions the block does not go beyond the limits of max-width: 1440px.

Found the next solution, but it does not work if the block is pressed to the bottom of the window 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; }

Help me please)

1 answer 1

Unfortunately, to solve your problem beautifully will not work. However, through @media, you can change the block size when the browser reaches a certain size:

 @media (max-width: 1440px) { .fixedmarker{ width:100px; } }