字体大小，行高，高度

ie6下，font-size  等于 line-height 时，字体受行高限制，显示不全。

如图：

所以应该将行高设置为大于字体值2px，切记不要这样写font：12px/12px，要12px/14px

///

1，font-size 没有设置值时，各浏览器的默认值基本都为16px。

如果设置font-family："宋体"，那么都为16px，如果不设置font-family，IE下中文为16px 英文为17px。主要受了字体的影响。

2，如果font-size：12px，line-height不设置，height不设置。

则有：line-height = font-size + 2px = 14px

    height = line-height = 14px；

3，如果font-size：12px，line-height：12px，会出现上面所述IE6bug。

4，如果font-size：14px，line-height：12px，height不设置

则有：font-size：14px，line-height:12px;，height：12px。

总结：1，字体大小会影响行高，及行高=字体大小+2px（前提是行高不设置值，如果设置值，则为设置的值）。
    2，但是行高不能影响字体大小。高度也不能影响字体大小（见下面例子，很重要）。
    3，行高会影响高度，行高等于高度（如果高度不设置）。

///

如上代码，类wrapper只设置了高度，却没有设置字体大小，那么默认的字体大小为16px。类test字体大小，行高均为12px。

此时显示wrapper不能包住test。见下图：

实际上是包住的。因为wapper字体为16px，test算wapper的内容，所以test应该在16px范围内。但是wapper的高度为12px显示区域为12px。要问test是否还在盒模型wapper内，我想是的。height只是盒子的一个属性。并不代表整个盒子。此时，如果将wapper的字体设置为10px，或者高度不设置，则默认为16px+2 px。那么就能包住test了。

///

///