Making a div smaller than its contents

Question

I'm trying to show a div on a webpage, with mostly text. I would like to know if I can make it smaller so that not all the contents are able to be seen. (Javascript would make it larger later on.)

Answer 1

Sure, just specify an overflow of hidden.

EG: in CSS:

#divid {
   height: 100px;
   overflow: hidden;
}

That'd make it cut it off after 100 pixels.

Answer 2

If you want to hide things using CSS, I'd use display:none or visibility:hidden, not putting them in a div that's too small.