1、em单位的定义
MDN的解释：它是相对于父元素的字体大小的一个单位。
例如：父元素font-size：16px；子元素的font-size：2em（也就是32px）
注：有一个误区，虽然他是一个相对单位，并且官方对它的解释是相对于父元素字体大小的一个单位，但是它是放在了文字属性里面，也就说只有子元素的font-size是起作用的，子元素的其他的属性是不相对于父元素的，而是相对于本身的font-size大小文章来源：https://www.toymoban.com/news/detail-676732.html
2、举例证明
大家可以拿这段代码验证一下文章来源地址https://www.toymoban.com/news/detail-676732.html
<style>
.div {
display: inline-block;
font-size: 16px;
}
.red {
font-size: 2em; // 32px
padding: 1em; // 32px
width: 100px;
height: 100px;
background-color: red;
margin-bottom: 100px;
}
</style>
<div class="div">
<div class="red">123</div>
</div>
到了这里，关于【CSS】em单位的理解的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
