ie中的字体行高bug —— line-height bug

eimhee

ie中的字体行高bug —— line-height bug
  在 firefox 中 ，无论你要 定义一个div的 高度是多少，firefox都能准确显示，而在ie中，我们会遇到这样的问题 ：如果我们没有定义一个div的 line－height 和 font－size，那么一般情况下你定义一个高5px的div，通常你会看到一个高为12px的 div。

　　这是因为ie默认的字体大概是12---14px之间，故这个div的高度无法显示为你指定的 高度 。

　　要解决这个问题，有两个办法 ：
　　如　:

   <div class=" height:5px; font: 1px/1px Arial; "></div>

   或者　<div class=" height:5px; line-height: 1px; font－size:1px; "></div>

   另外一个办法,则不提倡使用,那就是运用　溢出隐藏　这个属性来解决　.即在代码的　css中加入　overflow: hidden.


　　从这个想到一个问题,为什么我们要在一个不标准化的浏览器中实现网页的标准化?无论是ie还是firefox对css的支持都是有限的.