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

相关推荐