为了账号安全,请及时绑定邮箱和手机立即绑定

弹性布局中,如何设置父元素高度为屏幕高度呢?

希望整个页面铺满一屏,如何设置父元素高度为屏幕高度呢?

急问,谢谢!!

正在回答

3 回答

也可以参考一下这篇博客:CSS3flexbox伸缩布局盒模型

0 回复 有任何疑惑可以回复我~

首先,应该知道的是,body在默认情况下高度是为0的,所以必须给body设置height:100%。

然后,让body元素成为伸缩容器。也就是说,为body元素设置display:flex属性。

最后,你想设置的父元素就成为了body元素的伸缩项目了。给父元素设置flex:1就可以实现父元素高度为屏幕高度了。

0 回复 有任何疑惑可以回复我~

找到办法了:写个js,将可视高度赋值给父元素,即可刚好铺满一屏。不知大家有没有更好的办法呢?

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

弹性布局中,如何设置父元素高度为屏幕高度呢?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信