请注意 IE 6 中 line-height 抢 height 的位置

作者：vkvi 来源：ITPOW（原创）日期：2009-12-22

overflow 默认值为 visible，这种情况下若内容超出高度或宽度，IE 6 认为内容应该撑大容器，但 Firefox 等认为容器大小不应变，内容超出容器范围显示。

上面的道理大家都懂，但有时候需要累积些经验才会做到融会贯通。

    font-size:20px;
    line-height:150%;
    height:20px;

上述代码应用到容器中，容器高度应该是多少？

IE 6 认为 20*150% = 30px，超出了容器的 height，所以撑大容器，所以容器高度为 30px。

而 Firefox 等浏览器认为就是 height 指定的 20px。

所以，请注意 IE 6 中 line-height 抢 height 的位置。