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

1
2
3

div {
  height: 300px;
}

Flexbox 是什麼？

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

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

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

先講結論：||、 && 可以幫助程式碼變得更短。

• 用 ||、 && 來改寫if
• 用 || 來設定變數的預設值
• 用 && 來檢查物件屬性是否存在

介紹一些開發時好用的方法，別再只會用console.log了

針對陣列中的每個元素，執行callback，當全部元素都符合條件，就回傳true，否則回傳false

針對陣列中的每個元素，執行callback，回傳一個符合條件的元素的值，否則回傳undefined

針對陣列中的每個元素，執行callback，回傳一個符合條件的元素的索引值，否則回傳-1

針對陣列中的每個元素，執行callback，當至少一個元素符合條件，就回傳true，否則回傳false

拷貝陣列的資料。

• 會回傳新的陣列，不會改變原始陣列。

對陣列做刪除或插入資料。

• 會改變原始陣列的內容