day01 flex布局与vm vh
前言
flex意味着弹性布局，适合block和inline-block元素
应用flex布局的元素，float 、clear、vertical-align失效
链接：https://www.runoob.com/w3cnote/flex-grammar.html
基本属性
              主轴方向：flex-direction
              是否换行：flex-wrap
              前两个简写：flex-flow
              主轴布局：justify-content
              单个次轴布局：align-items
              多个次轴布局：align-content
vm与vh
              可视化窗口平局分成100份
             1vm =(1/100)*height
             1vh =(1/100)*height
             100vh填充当前的所有可视区高度，与flex结合搞定响应式垂直居中