Question

我们都知道给定对象的弹性布局“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的父母之一已经使用了小数值。

提前致谢

西蒙

Answer 1

不，不是。使用em单位设置的字体大小明确相对于父元素的font-size。

你最接近的是知道所有的变化并在计算时考虑到这一点。

e.g。由于#div2的字体大小为0.5em，要使#div3与＃div1具有相同的字体大小，您需要设置font-size: 2em

其他长度（作为width值）与当前元素的font-size相关，您必须对这些长度进行类似的计算。

Answer 2

您可能需要重新考虑使用CSS类而不是样式，因为这样可以解决您的问题。您是否有使用样式而不是CSS类的原因？

<div id="div1">
<p class="font1em">Hello</p>
<div id="div2">
<p class="fonthalfem">Hello</p>
<div id="div3">
<p class="fonthalfem">Hello</p>
</div>
</div>
</div>

如何使DIV从其父级的父级继承它的“em”值

2 个答案: