css 中的width 可以 基於 父元素 設定百分比，即使 父元素 沒有設定width屬性。

而 高度height 與width 不一樣，因為元素的高度 都是 height：auto；那子元素 設定height：100%； 時則相當於 height：null。

這裡可以將 html 和body 即所有父元素都設定height ；且值不能為auto；

然後 子元素設定 百分比 height 就可以獲取到父元素的高度。

也可以設定  vh 單位， 100vh 獲取瀏覽器可視視窗的高度。  用css3 的 calc 計算屬性 計算實際高度。

calc （100vh - 100px);  減號左右必須有空格，否則計算無效。

當 使用scss 作為css前處理器時，如果 使用自定義的變數，則需要使用 #{} 將變數包裹。

min-height: calc(100vh - #{$height}*2);