Question

I’ve got centered container with fixed width, inside it I have an element that must be full width of browser.

<div style="width: 960px; margin: 0 auto;">
    ...content...
    <div style="width 100% ??;"></div>
    ...content...
</div>

My question is, is there any way to make it work without wrapping just top and bottom part of content?

Thank you.

Answer 1

As long as the container is statically positioned, you can use position: absolute:

left: 0;
position: absolute;
right: 0;

Note that you don’t need to set the top at all, nor does the top part need to have a static height.