em是相对大小单位，用户调整基础字体大写的时候，也能跟着调整。
常见做法是：
body { font-size:62.5% }
因为body的父级是html，而html里的1em=16px，所以body设置完后，会得到1em=10px，这样方便设置。于是以后body里的1em就是10px，2em就是20px，但要注意多层嵌套时候的换算。
<body>
<div id="f">我们都是<a id="c">好孩子</a>啊</div>
<div id="s">你好</div>
</body>
# f { font-size:10em; }
#s { font-size:2em; }
#c { font-size:0.2em; }
于是这里“我们都是啊”几个字是100px，而“好孩子”三个字是20px，“你好”是20px大小。
0.2em是0.2乘以父级字体大小，而父级已经是100px，所以结果为20px。
要记得em是相对于父级的字体大小。
808
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
