系统提示：这是一个从旧版社区导入的帖子。
如果显示不正常，或需要查找旧帖中上传的附件，请参照原帖。
原帖地址：http://my.iecn.net/bbs/view/106534.html
如非必要，请不要修改此帖！如果修改，请保留以上信息。

更正：此现像不是浏览器的BUG，具体原因请看四楼回复。

无意中发现，针对同一HTML标记，在CSS中同时应用了font和line-height属性时，就得小心了，这二者的书写顺序不一样，会导致显示效果不同。
即：
>>> 如果先写font，再写line-height，显示效果正常
>>> 如果先写line-height，再写font，则line-height定义的效果会丢失，在IE、Firefox、Opera下都出现这种BUG

具体效果请看以下代码：

没看出有什么区别来

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。

文字行高不一样。
第一行文字的背景色区域高度为40px（line-height的设置值，正常）
第二行文字的背景色区域高度仅为文字的高度（与line-height的设置值不同，异常）

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。

呵呵，错怪浏览器了
经同事提示，导致出现上述现象的真正原因是：
font:bold 20px 宋体,Geneva,Arial,sans-serif;
这是最简的缩写，它相当于：
font:bold 20px/20px 宋体,Geneva,Arial,sans-serif;
第一个20px是字体大小，第二个20px是行高，若二者值相同时，可缩写成一个。

故：
line-height:40px;font:bold 20px 宋体,Geneva,Arial,sans-serif;
这种写法相当于，定义了两次行高，把第一次用line-height的方式定义的值覆盖掉了。

效果实例请看下面的代码：

HTML 代码：
<div style="background:#f00;margin:5px 0;font:bold 20px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</div><div style="background:#f00;margin:5px 0;font:bold 20px/40px 宋体,Geneva,Arial,sans-serif;">IECN.Net - 专注Web技术，体验开发乐趣！</div>

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。

长见识了

系统提示：这是一个从旧版导入的帖子，如有问题请参照原帖（原帖地址见顶楼）。