我们都知道给定对象的 flex 布局“em”值是相对于对象的父对象的，例如:
<div id="div1" style="font-size:1em;">
<p>Hello</p>
<div id="div2" style="font-size:0.5em;">
<p>Hello</p>
<div id="div3" style="font-size:0.5em;">
<p>Hello</p>
</div>
</div>
</div>
但是是否有可能让下级 DIV“重置”它的 em 值，或者从链上的父级获取它的值？
基本上，我有一些嵌套的 DIV，我希望其中一个内部 DIV 使用文档自己的 em 值。使用 1em 并不好，因为 DIV 的父级之一已经使用了分数值。
提前致谢
西蒙
最佳答案
更新:由于这个答案最初是写的，一个新的单元已经添加到 CSS。
rem 是 root em并且是:
Equal to the computed value of font-size on the root element.
这是“文档自身的 em 值”。
不，不是。使用 em 单位设置的字体大小与父元素的字体大小明确相关。
最接近的是了解所有变化并在计算时考虑到这一点。
例如由于 #div2 的字体大小为 0.5em，要使 #div3 具有与 #div1 相同的字体大小，您需要设置 font-size: 2em
其他长度(具有 width 值)是相对于当前元素的字体大小的，您必须对它们进行类似的计算。
关于html - 如何使 DIV 从其父级的父级继承它的 "em"值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4299051/