css height:100%失效

有时做移动端页面时，需要用到height：100%来控制，但是设置完后会发现，用百分比的高是不生效的。

经过上网浏览等查阅资料得知，是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html，加上height:100%；就可以了。下面看代码。

html,body{

    height:100%;        

}

.height{

     height:50%;

}

<div class="height">高度百分比</div>

这样问题就解决了，如果div层级比较深，那就在需要百分比高的前面几层div都加上height：100%。

转载于:https://www.cnblogs.com/snowhite/p/5275906.html