height 100% 失效

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);