子元素高度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;

子元素css:align-items:stretch;

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

另类情况(table布局的高度100%)

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

猜你喜欢

转载自www.cnblogs.com/zhaozhou/p/10167763.html