在css3之前，经常使用的布局模式有：块布局、行内布局、表格布局、定位布局。
css3引入了新的布局模式—Flexbox（弹性盒模型）。容器内子项目以最佳方式填充可用空间，且不溢出。
flex 属性用于设置或检索弹性盒模型对象的子元素如何分配空间。
flex 属性是 flex-grow、flex-shrink 和 flex-basis 属性的简写属性。
注意：如果元素不是弹性盒模型对象的子元素，则 flex 属性不起作用。
仿 https://dribbble.com/shots/1407112-Desk-com-Dashboard
