bfc line-height继承

BFC

块级格式化上下文

形成一个块级渲染区域，块级边框以外的区域不受该渲染区域的影响。

条件：

float:不是None

position是absolute fixed

overflow不是visible（hidden）

display是flex inline-block等

inline-heigth

当一个元素没有设置inline-heigth得时候会继承上一层设置了inline-height得元素得inline-heigth得值，

比如：inline-heigth:10px; inline-heigth:10; inline-heigth:10%;

设置当前元素：font-size：16px;

上一层元素 font-size:20px;inline-heigth:10px; 时当前元素得inline-heigth:10px;

上一层元素 font-size:20px;inline-heigth:10; 时当前子元素得inline-heigth:160(16*10px;

上一层元素 font-size:20px;inline-heigth:10%;该inline-height计算完子元素才继承。当前子元素得inline-heigth:2(20*10%)px;