1em = ? px 由该节点的父元素的font-size决定。
情况1 - 直系子节点
body的默认font-size = 16px 对于它的子节点，所以此时，1em = 16px， 例如下面：
<body>
<div style="font-size: 2em;">文字
</div>
</body>
情况2 - 继承的font-size
<body>
<div>
<div style="font-size: 2em;" class="child">文字
</div>
</div>
</body>
这个例子中 class=“child” 的节点的父节点，继承了body的font-size，所以此时1em还是等于16px。
情况3 - 修改父节点的font-size
<body>
<div style="font-size: 20px;">
<div style="font-size: 2em;">文字
</div>
</div>
</body>
此时由于父节点的font-size等于20px, 所以此时1em等于20px
