em是相对单位，跟父元素字体有关。比如父容器写16px，那1em就是16px；父容器没写的话，默认也是16px。比如你写2em，就是父容器字体两倍大。不过要注意根元素用em的话，不管父容器怎么变，它都固定是16px。

为啥这样算呢？因为em是浏览器根据父级字体设定的。比如你写div{font-size:16px}，里面span{width:2em}，span就是32px。但如果是根元素html{width:3em}，不管怎么改父级，html都算16px×3=48px。数据来源是MDN文档和Chrome开发者工具实测，不同浏览器可能略有差异，但基本都按父级字体算。比如你测试发现父级20px，那1em就是20px，这个规律不会变。不过要注意，如果父级用em自己定义，就会变成嵌套计算，比如div{font-size:2em}，span{3em}就等于6em，这时候得看外层怎么设置。所以算em得先看最近的父级字体怎么定。