css height:100%失效

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

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

1. html,body{
2.     height:100%;        
3. }
4. .height{
5.     height:50%;
6. }
7. <div class="height">高度百分比</div>

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

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