css height:100%失效
有时做移动端页面时,需要用到height:100%来控制,但是设置完后会发现,用百分比的高是不生效的。
经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。
- html,body{
- height:100%;
- }
- .height{
- height:50%;
- }
- <div class="height">高度百分比</div>
这样问题就解决了,如果div层级比较深,那就在需要百分比高的前面几层div都加上height:100%。