flex布局及常见属性

1.flex属性：弹性布局

```css
 /* 属性一：常规的给父级元素添加display属性 */
  #container {
   
    display: flex;
    width: 800px;
    height: 600px;
    background-color: deepskyblue;
  }

  .item {
   
    background-color: cadetblue;
    width: 200px;
    margin: 10px;
  }

2.direction属性：修改元素的排列位置

direction属性可以修改元素的排列位置，使得在浏览器中，原本按照从左到右的顺序进行排列的元素方向发生颠倒，变成从右向左进行排列。

 /* 属性二：direction：修改父级