下面主要参考两篇文章http://www.ruanyifeng.com/blo...和https://developer.mozilla.org....如果你想了解更多细节，可以看看这两篇文章。大鹏一日同风而起，腾飞九万里！一起学习，一起进步！传统的CSS布局方案是基于boxed模型，依赖display属性+position属性+float属性，但是对于一些特殊的布局（eg：垂直居中）实现起来并不容易。补充：块元素：出现在另一个元素下面的元素；内联元素：出现在另一个元素旁边的元素，就像段落中的单个单词；display属性有一些默认的显示值，段落之间的默认样式值：display:block；元素默认为display:inline。注意：display:flex和display:grid在布局上比较重要。1.Flex布局Flexbox(Flexbox)用于创建水平/垂直的一维页面布局，对其父元素应用display:flex，所有直接子元素都会按照flex进行布局，但是float、clear、vertical子元素的-align属性将无效。任何容器都可以指定为弹性布局。.box{显示：flex;
