css height:100%失效

Html5+CSS3 辰辰 2248℃ 0评论

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

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

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

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

转载请注明:辰辰个人博客 » css height:100%失效

喜欢 (12)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址