这是一个css-noob问题，但我不明白：以下代码为什么不显示外部div的任何填充？
<html>
<style>
div {
border: 1px solid red;
padding:10em 30em 10em 30em;
font-size:0px;
}
a {
font-size:1rem;
}
</style>
<body>
<div>
<a href="#">hello</a>
</div>
</body>
</html>
如果删除font-size属性，则会看到填充。但是，为什么字体大小完全影响填充？
您已将填充设置为em单位，该填充是根据要应用该元素的基本字体大小计算的，将字体大小设置为0px，因此该em单位的计算输出为0（假设10em x 0（px ）），因此填充的大小为0。
您可以使用rem代替em。rem基于文档root或HTML标签的字体大小。因此，如果您需要使用em但元素上的强制字体大小不合适，请在HTML标签上设置根字体大小，并在需要时使用rem代替em。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句