How can I keep content from re-sizing it's wrapper div?

Question

I'm a css noob, and though I want this DIV to resize when the window is resized, I don't want inner content to change the size of it.

Answer 1

Use the overflow statement. e.g.

overflow: hidden; /* all content hidden as it spills over */

overflow: auto; /* Scroll bars appear on div when required to allow moving around */

overflow: scroll; /* Scroll bars will be present at all times */

Answer 2

Try using:

div {
  overflow: hidden;
}

Read more here.

Answer 3

set overflow: hidden on the containing div

Answer 4

Have you looked into CSS and the overflow directive? You can use this to tell the div to scroll or truncate/hide its content when the content is too large.