使用flex实现父元素视口宽高完全撑满

使用flex实现视口完全撑满

再flex布局中，flex：；的取值是将缩小放大融合在一起的一个属性，所以在有些场景中，子元素要完全撑满父元素的方法，使用flex也能实现
1.给父元素实施弹性布局；
2.给父元素vh，vw值
（vh，以及vw的取值其实是以百分比为单位的，例：1vh=1%vh）
3.对想撑满的元素实施flex：1；
这时就能看到，元素带有flex：1；的属性就会撑满剩余父元素宽度。