要讓height可以有效果，height的設定必須是絕對單位（px, rem…）。例如：

1
2
3

div {
  height: 300px;
}

Flexbox 是什麼？

早期用 Box model 排版的時候，要用很多種方式來避免畫面跑版，但隨著時代進步，不同的裝置有不同的解析度，若每個裝置都要重新設計版面也太麻煩了！於是 Flexbox 就誕生啦！

Flexbox 解決了早期的排版問題，能夠隨著不同裝置來變化排版，可以自適應不同裝置的長寬稱為響應式布局（RWD）。

網路上有很多解釋 Flexbox 的文章，這裡主要說明 Flexbox 相關的屬性及用法。