ie6,ie7高度问题

I hate IE6!

今天下午遇到一问题：ie6，ie7定义高度，真是很郁闷啊，捣鼓了半天也没解决，最后在百度上查了下。原来是在ie6中div有一个隐藏的属性font-size，

IE6下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。

要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。

例：.div { font-size:0; over-flow:hidden;}