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...