css height:100%失效
2016-09-02 14:39
141 查看
有时做移动端页面时,需要用到height:100%来控制,但是设置完后会发现,用百分比的高是不生效的。
经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。
html,body{
height:100%;
}
.height{
height:50%;
}
<div class="height">高度百分比</div>
这样问题就解决了,如果div层级比较深,那就在需要百分比高的前面几层div都加上height:100%。
经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。
html,body{
height:100%;
}
.height{
height:50%;
}
<div class="height">高度百分比</div>
这样问题就解决了,如果div层级比较深,那就在需要百分比高的前面几层div都加上height:100%。
相关文章推荐
- css height:100%失效
- 为什么我的“height:100%”失效了???!!!
- [转]css height:100%
- height设置100%失效
- 在 Node.js 中读写 Redis 的数据(失效时间和TTL) 【已翻译100%】
- height:100%失效
- CSS height=100%无效的解决方案
- IE6 CSS高度height:100% 计算失效/无效
- DIV的CSS height:100%无效的解决办法
- CSS:height: 100%失效原因,如何让它生效
- DIV的CSS height:100%无效的解决办法
- DIV的CSS height:100%无效的解决办法
- css height:100%和height:auto的区别
- 文本框设置100%宽度,内容过多时所在td的宽度失效
- 关于height:100%失效的解决
- height:100%失效
- 在IE6下用css设置div的高度为100%时失效的问题!
- 后退失效的方法
- 更新Xcode后插件失效问题
- vnc xfce tab自动补全失效的解决方法