Html 如果没有具有宽度的父容器，那么宽度em指的是什么？

我是HTML/CSS新手，现在我正在努力学习教程，我想知道

菜单栏ul

中的em

宽度：2em

指的是什么

在父容器中，没有它可以引用的宽度？也许我这里出了点问题

HMTLworldBLOG







这是艾因·阿蒂克尔
同侧眼线

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

韦特雷·阿蒂克尔

Noch-einer
Noch-einer
Noch-einer

艾因·特克斯菲尔德
同侧眼线

卡蒂戈林

HTML
CSS
PHP
jquery
工具


康塔克
Datenschutz
印模

和CSS：

正文{
背景：#DCDC；
字体大小：100%；
边距：0em；
填充：0em；
}
h1{
字号：2.5em；
线高：3.8em；
字体系列：Helvetica；
字号：100；
颜色：#E2DBDB；
边距：0em；
}
氢{
字号：1.563em；
线高：1.8em；
字体系列：Helvetica；
字号：100；
颜色：#2F2D2C；
边距：0em；
填充：1.25em；
文本对齐：左对齐；
}
p{
线高：1.25em；
字体系列：Helvetica；
字号：100；
颜色：#2F2D2C；
边距：0em；
填充：1.25em；
文本对齐：对齐；
}
保险商实验室{
边际：0px；
填充：0px；
}
李{
列表样式：方形；
线高：1.25em；
字体系列：Helvetica；
字号：100；
颜色：#2F2D2C；
保证金：0.313em 0em 0.313em 0em；
填充：1.25em；
}
img{
宽度：90%；
高度：自动；
最大宽度：100%；
}
a{
文字装饰：无；
}
/*******在顶栏上******/
#梅努巴{
显示：块；
背景：#ffffff；
}
#菜单栏ul{
显示：块；
宽度：2米；
填充：0.9em；
}
#米努巴
显示：内联；
}

“em”是css中表示长度的单位

请阅读链接

---

测量单位是相对于一个元素的

字体大小来计算的，如果没有明确定义，该元素（通常）是从其父元素继承的。如果
font size
为
16px
，
1em
将等于16像素。如果使用
em
单元定义
字体大小
，则它将与其继承的
字体大小
（即父元素的
字体大小
）相关

在您的特定示例中，
2em
的
宽度将是
#menubar ul
元素的
字体大小的两倍，该元素将从设置为
100%
的正文
字体大小继承

让我用最简单的方式解释一下

EM是一个相对单位。它总是基于其父元素的字体大小工作

在下面的代码片段中，尝试将h1标记的em更改为其他内容
更大
现在，将其父标记“.em tutorial”的基本字体大小更改为
小一点的
标题的字体大小是否也变小了？

这是因为em是相对于父元素计算的（.em tutorial，在本例中）


.em教程{
字体大小：10px；
}
.em教程h1{
字号：5em；
}

此标题的字体大小为2em
此标题的字体大小为2em
这与仅链接的答案没有区别。非链接部分说明了显而易见的问题，实际上并没有解决这个问题。