兼容性问题-文字本身大小不兼容

描述：同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。如下图：

代码：

<div style="float:left;margin:10px;padding:10px;border:1px solid black;background-color:green;font-size：14px;"><div style="background-color:yellow;width:100px;">chrome</div></div>

解决办法：给文字设定 line-height 。确保所有文字都有默认的 line-height 值

<div style="float:left;margin:10px;padding:10px;border:1px solid black;background-color:green;font-size：14px;"><div style="background-color:yellow;width:100px;line-height:30px;">chrome</div></div>

三个浏览器效果如下：