css 各单位 距离比较

一、单位

　　1. em 

　　　　若自身没有设置字体大小，依据父元素

　　2.  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/16*100%

二、距离

　　1. margin

　　　　百分比： 按照父元素的宽度计算