子元素高度100%

父元素高度确定的情况下：（高度100%）

包括情况：1.height:100px；　　2.height:100%(百分比生效)；

子元素css：height:100%

 

父元素高度不定情况下：（flex语法）

包括情况：1.height:auto；　　2.min-height:100px；　　3.max-height:100px;

父元素css：display:flex; align-items:stretch;

 

不确定父子元素包容关系的自行加border观看调整。

另类情况（table布局的高度100%）

由于h5的标准需要你设置：html,body{height:100%;}

转载于:https://www.cnblogs.com/zhaozhou/p/10167763.html