font-size定义为0在IE6下的妙用

在打造网站项目时，我们常常需要精确控制页面元素的尺寸和样式。其中一个常见的场景是定义一个高度不超过10px的div元素。当我们面临这个挑战时，我们可以使用如下的HTML代码来实现：

代码示例：

```html

```

在实际应用中，这个div的效果是拥有一个蓝色的背景，并且高度被设定为8px。在某些旧的浏览器版本，如IE6.0中，我们可能会遇到高度显示异常的问题。为了解决这个问题，过去我们常常采用的方法是添加`overflow:hidden`属性。但这样做可能会引发其他问题。

深入研究后，我们发现造成IE6.0下高度异常的原因在于：在没有明确设定div的字体大小的情况下，浏览器会默认使用font-size:12px。解决这个问题的关键在于明确设定字体大小。将字体大小设定为0就可以有效地解决这个问题。下面是修改后的代码示例：

代码示例：

```html

```

在各浏览器中运行上述代码，你会看到在各浏览器中的实际效果是：这个div元素会按照我们设定的样式，呈现出一个高度为8px、蓝色背景的矩形。通过设定字体大小为0，我们成功解决了在IE6.0下出现的显示异常问题。