老实敲代码，佛只渡有缘人

1.什么是flex布局，它能做什么 flex布局翻译为弹性布局，就是会根据外层容器的变化，呈现不同状态，使布局更加灵活方便，任意一个容器都可以被定义为flex布局，我们在平常开发中，移动端使用多一些，像水平排列的导航栏，还有页面上的元素布局，都可以使用flex布局。 看了一些文档，我们照猫画虎，也从它的6个属性出发实践一下，GO！！ 注：六个属性分别是---flex-direction、flex-wrap、flex-flowjustify-content、align-items、align-cont.

总结一下position属性的各种值，直接开始 1.position：static 没有定位，处于上下文中，或者说是文档流中，从下面两幅图中我们可以看到，它会忽略left、right等属性（z-index也会忽略，这里不再实验）； 如果给word外面加一层div，下图所示：它会相对于父元素进行margin-left：20px，这就是上面说的他在文档流中； 2.position：absolute 我们从页面可以看到，abs的div和word的div重合了，这也就是说，absolute绝对定位