问题：
各种屏幕大小不一，又需要保证最外层的div覆盖整个屏幕，并且height不能比屏幕高（不能出现滚动条和上下滑）。
分析：
通常情况下是设置该div height:100%，但是设置100%的前提是它的父辈元素中有固定的高度，这显然与屏幕大小不确定的实际情况不同。
解决方案：
在网上查到了一种CSS3的长度单位：vh。vh的高度对应的是视口的长度，视口被均分为100单位的vh。在本问题中将最外层的div设置成height:100vh;即可使其长度随页面实际长度改变而改变。
div适应屏幕高度
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
