100% width in fixed grid

Question

css

Tell me, is there any way using CSS to make the element inside the container with a fixed length stretch to the entire page?

#container {
margin: 0 auto;
width: 960px;
}
#container .outer {
         ???
}

The outer element should stretch to the full width. How?

Answer 1

maybe like this

Answer 2

No, CSS in this respect (as in many others) frankly sucks .
Typically, such a layout is done in horizontal stripes with 100% width, inside each of which a block of fixed width is centered horizontally.