Question

I have a div with the following:

overflow: hidden;

I use jQuery. When I add something to the contents of the div, the div doesn’t expand in height to fit the contents. Is there some way I can make this happen? I thought adding overflow: hidden would solve the problem, but seems not to.

Answer 1

If contents are floated then overflow:hidden (or auto) can do it, but that doesn’t work in Internet Explorer, however. For IE, use zoom:1.

The best approach is to using something like “clearfix” that solves it cross-browser by adding a class to any element you foresee this problem occurring with.

---

Some good reading:

http://www.quirksmode.org/css/clearing.html/

http://pathfindersoftware.com/2007/09/developers-note-2/