非预期效果CSS集合

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

转载于:https://www.cnblogs.com/hhyaner/p/4609616.html