flex#4 flex-order

說明

• 預設值：order: 0
• order的數字只具相對意義，order5的會排在order10的前面。但是當頁面上只存在一個order時，給定order1的效力等同於order50
• 指定order後，畫面上的順序雖然被改變了，但是滑鼠反藍選取的順序依舊會照html排列，所以會看到選取的地方被中斷

order為正數時：會排到右邊

.container
  display: flex

.box
  flex: 1 // 填滿一行

.box3
  order: 1

.box7
  order: 2

order為負數時：會排到左邊

.container
  display: flex

.box
  flex: 1 // 填滿一行

.box3
  order: -1

.box7
  order: -2