1.ie6 line-height失效的情况(tip:只有全文字line-height属性才有效)
1). elment(容器) 内有一个 inline-block元素(ib子元素),即失效.
解决方案:给ib子元素添加两个属性,如下
margin: (容器的line-height - ib子元素高度)/2 px 0;
vertical-align: middle;
2.ie6 元素使用padding,子元素position的定位从padding开始
解决方案:使用ie6 hack. 能有效避免最好啦!
3.ie6 overflow:hidden失效,当子元素position:relative时,父元素的overflow:hidden失效。
解决方案:给父元素添加position:relative。此bug同样存在于ie7中。
4.ie10 line-height失效,给元素设置为float:left时,line-height的表现明显就不对。
解决方案:给元素设置font-family:"Microsoft Yahei"
5.设置position:absolute时,display:table-cell无效。(检查了几乎所有浏览器都是这个问题)
解决方案:父元素设置position:absolute,子元素设置display:table-cell