Question

I have a container div, and numerous elements inside of it (i.e. spans, img, divs, etc).

I would like the container div to scroll naturally if its content becomes too large. However, there is ONE div inside of the container div that I would like to NOT cause the container to scroll if it becomes too large.

Not even sure if this is possible.

Thanks in advance!

PS. No jQuery please! 🙂

Answer 1

Lets say this “ONE div inside of the container div that I would like to NOT cause the container to scroll if it becomes too large.” is div#inner. You can set a max-width or max-height to it and make it overflow:hidden so once it reaches the max size, it will stop growing and hide the overflowing inner content.