Ngm Ngm - 1 year ago 68
HTML Question

Div height:0px does not work?

<div style="height:0px;max-height:0px">

Setting a div height to 0px does not seem to work.

The div expands to show its contents, how do we prevent this from happening?

Answer Source

If you really want to be sure it's gonna be have no height you could use something like this:

display: block;
height: 0;
overflow: hidden;

If you're still having problems on IE, you could also add

zoom: 1;

to it in a stylesheet targeted at IE with a conditional comment. That'll trigger the hasLayout property in IE.

And display:none isn't the same as setting it to zero height. Just look at the various clearfix solutions for a case where not removing it from the flow is crucial.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download