css 各單位距離比較

單位

em

　　　　若自身沒有設置字體大小，依據父元素，若設置則計算爲font-size*em

rem

　　　html { font-size: 10px;}

　　　body{ font-size: 1rem;} //font-size: 10px;

　　　不單單是font-size,margin,padding等均可用

　　　html{font-size: 62.5%;} //font-size: 10px; 10/16100%

距離

margin

　　　　百分比： 按照父元素的寬度計算
　　　　負值：相對父元素
　　　　

css 2.0規範對margin重疊有以下的描述：
        1.水平邊距永遠不會重合
        2.垂直邊距可能在特定的框之間重合

padding

百分比： 按照父元素的寬度計算      
    **無負值**

參考連接：
https://www.cnblogs.com/mengf...
https://www.jianshu.com/p/6e4...