em这个单位
很头疼，经常分不清楚，方便了用户，困扰了开发者自己。
其实就是一个相对的单位，不过定义初衷字体的大小。
（1）
我们都知道一般浏览器默认的字体大小是16px，为了计算方便，一般会做如下处理：
body{font-size:62.5%}???
??? <p style="font-size:2em">
</div>
这里这个p就不是简单的20px，而是100px，因为它的2em是在div#f的基础上计算的，所以5*10*2=100px。。。
（3）
em是基于字体大小的单位，如果用在非字体以外的地方如宽度上面，则它的计算是依据当前字体大小来的，如：
?
注：em是相对长度单位，相对于当前对象内文本的字体尺寸