Display a div at a certain width and resize smaller when browser windows shrinks. Without Javascript

Question

I like to display a div at width, say 900px initially and when the browser window shrinks below 900px, the div shrinks with it. I like to do this without using Javascript. I tried adding min-width:0px to the div but it didn't help.

Answer 1

So you want a max-width ?

By default a div is width: auto and using a standard block box, so it will expand to fill the available horizontal space. max-width will constrain it.