css实现占满屏幕高度

html-css0110

css实现占满屏幕高度,第1张

实现div占满整个屏幕

1)通过css高度100%,但是要div的父级元素高度为100%

前提:以知父级元素并且父级元素高度可控

2)通过100vh

前提:适合移动端或者不用兼容IE的项目

3)使用定位拉伸

方法如下:

1:给背景图设置一个高度

2:给你写的每个块都用上高度

3:用一个通用的空代码把自动高度撑满{

margin: 0 auto

height: 1px

width: 100%

}

备注:第三个方法的代码放在每一个大的div下面