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

1
2
3

div {
  height: 300px;
}

Flexbox 是什麼？

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

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

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

CSS 選擇器是如何判斷要套用哪個樣式?

常會遇到寫了樣式卻沒有被套用，而樣式沒被套用有兩個可能

1. 沒有選對元素
2. 選對了元素，但蓋不掉之前的樣式
   以下就來講 選對了元素，但蓋不掉之前的樣式