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;