CSS中的em单位是相对长度单位，它相对于父元素的字体大小进行计算。以下是一些使用em单位的常见情况：
1、字体大小：em单位常用于设置文本的字体大小。通过将字体大小设置为1em，可以使文本大小等于父元素的字体大小。使用em单位可以实现相对于父元素字体大小的可扩展性。
.parent {
font-size: 16px;
}.child {
font-size: 0.8em; /* 相当于 0.8 * 父元素的字体大小 */
}
在上面的示例中，子元素的字体大小将为父元素字体大小的80%。
2、水平间距和垂直间距：em单位还可用于设置元素的水平间距和垂直间距。通过设置margin、padding等属性为em单位，可以根据父元素的字体大小进行动态调整。
.parent {
font-size: 16px;
}.child {
margin: 0.5em; /* 相当于 0.5 * 父元素的字体大小 */
}
在上面的示例中，子元素的上下左右边距都将为父元素字体大小的0.5倍。
3、长度的相对调整：在某些情况下，em单位也可以用于调整其他长度属性，如宽度、高度、边框等。但请注意，使用em单位进行长度调整可能会受到字体大小的影响，因此需要谨慎使用。
.parent {
font-size: 16px;
}.child {
width: 10em; /* 相当于 10 * 父元素的字体大小 */
}
在上面的示例中，子元素的宽度将为父元素字体大小的10倍。
需要注意的是，em单位是相对于父元素的字体大小进行计算的，如果父元素的字体大小发生改变，那么使用em单位设置的属性值也会相应地发生变化。在使用em单位时，请确保正确理解其相对性，并在合适的场景下使用，以实现灵活且具有响应性的设计效果。