弹性布局中，如何设置父元素高度为屏幕高度呢？
来源：3-3 Flex弹性盒模型
叹叹叹0
2016-06-03 10:06
希望整个页面铺满一屏，如何设置父元素高度为屏幕高度呢？
急问，谢谢！！
写回答
关注
3回答
-
- UncleKeith
- 2016-10-02 10:03:15
也可以参考一下这篇博客：CSS3flexbox伸缩布局盒模型
-
- UncleKeith
- 2016-10-02 10:02:10
首先，应该知道的是，body在默认情况下高度是为0的，所以必须给body设置height:100%。
然后，让body元素成为伸缩容器。也就是说，为body元素设置display:flex属性。
最后，你想设置的父元素就成为了body元素的伸缩项目了。给父元素设置flex:1就可以实现父元素高度为屏幕高度了。
-
- 叹叹叹0
- 2016-06-03 18:13:12
找到办法了：写个js，将可视高度赋值给父元素，即可刚好铺满一屏。不知大家有没有更好的办法呢？
Hello，移动WEB
课程介绍移动web的开发基础，排版布局，常见移动web问题
110229 学习 · 177 问题
相似问题