css height:100%失效

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

经过在网上查找方案，原来是：要看是否可以使用百分比是根据父级对象定义的。
所以解决方法就是在body和html，加上height:100%；就可以了。下面看代码。

html,body{
    height:100%;        
}
.height{
    height:50%;
}
<div class="height">高度百分比</div>

这样问题就解决了。这点虽然简单但是经常会被忽略，列出来已引自己的重视。