知識點：
width
: 1vw; 等於 可視視窗 寬度的1%
height
: 1vh; 等於 可視視窗 高度的1%
calc()使用通用的數**算規則，但是也提供更智慧型的功能：
1、使用「+」、「-」、「*」 和 「/」四則運算；
2、可以使用百分比、px、em、rem等單位；
3、可以混合使用各種單位進行計算；
4、表示式中有「+」和「-」時，其前後必須要有空格，如"widht: calc(12%+5em)"這種沒有空格的寫法是錯誤的；
5、表示式中有「*」和「/」時，其前後可以沒有空格，但建議留有空格。
例如 ：設定div元素的高度為當前視窗高度-100px
div相容性：支援ie9及以上，移動端可以用的飛起了
css中的寬高以及百分比參照
vh 窗體高度 vw 窗體寬度 em 繼承字型倍數 rem 根節點字型倍數在做手機端的時候經常會用到的做字型的尺寸單位。說白了 em就相當於 倍 比如設定當前的div的字型大小為1.5em，則當前的div的字型大小為 當前div繼承的字型大小 1.5 但是當div進行巢狀的時候，em始終是按照當前d...
CSS百分比實現高度佔位自適應
css黑科技2 css百分比實現高度佔位自適應 margin padding 基本知識點 本文依賴於乙個基礎卻又容易混淆的css知識點 當padding margin 取形式為百分比的值時，無論是left right 還是top bottom 都是以父元素的width 為參照物的！哈，top lef...
css百分比定位和百分比尺寸
只有設定了定位的 relative,absolute,fixed 的元素才有left,top等屬性。子元素relative定位 百分比定位和百分比尺寸都是相對于父元素，無論父元素有沒有定位 子元素absolute定位 百分比定位和百分比尺寸都是相對於最近的定位了的祖先元素，如果沒有則相對於視窗。可以...