flex 布局原理
flex 布局是 flexible Box 的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局。
注意：
当我们为父盒子设为flex布局以后，子元素的float、clear 和 vertical-align 属性将失效。
伸缩布局 = 弹性布局 = 伸缩盒布局 = 弹性盒布局= flex布局。
采用 Flex 布局的元素，成为 Flex 容器，简称“容器”。它所有子元素自动成为容器成员，成为Flex 项目，简称“项目”。
原理总结：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。
不积跬步无以至千里 不积小流无以成江海
