IE6最小高度不能低于12px的解决办法

IE6浏览器虽然现在很少用了。但是也不能排除它，毕竟有些客户还是有这个要求的。就像我爱模板网今天在给一个客户做网站，需要设置一个div容器的高度和宽度都是5px，发现在IE6，宽度起作用了，的确是5px，可是高度“依然坚挺”，一直是12px不下来。原因是，IE6规定浏览器的文字大小，最小为12px，再小就看不清楚了。而，既然文字最小是12px，那么容器就没必要比它还小--神逻辑啊！解决办法如下：

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

<div style="height: 5px; font: 0px Arial; line-height:0;"></div>

或者

<div style="height: 5px; overflow: hidden;"></div>

注意：设置 font-size:0 时这个容器的高度最小为 2px ，如果要设置 DIV 高度为 0 或 1px ，则需要使用 overflow:hidden; 来实现。