IE11兼容之CSS居中（vertical-align）异常与绝对定位高度继承异常

1、居中异常

vertical-align: middle;

居中失效。

 

原因：

ie11下vertical-align生效，必须满足俩条件：

1. 同级别至少俩vertical-align:middle元素；
2. 必须有一个文本，且不为空文本，字体不为0；

解决:

加同级别元素到2个或者以上，vertical-align:middle；

加文本，不想显示，就加width为0px，overflow为hidden

<span>66</span>

overflow: hidden;
width: 0px;

2、高度继承异常

 

 

    position: absolute;

如果子级别绝对定位，父级高度50px，子级默认不继承50px;

解决

给子级别单独设置高度。