4

我们都知道给定对象的弹性布局“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，我希望其中一个使用文档自己的 em 值。使用 1em 不好，因为 DIV 的父母之一已经使用了小数值。

提前致谢

西蒙

4

2 回答 2

5

更新：由于最初编写了此答案，因此向 CSS 添加了一个新单元。

rem是根 em并且是：

等于根元素上 font-size 的计算值。

这是“文档自身的 em 值”。

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

您可以最接近的是了解所有变化并在计算时考虑到这些变化。

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

其他长度（带有 aswidth值）与当前元素的字体大小相关，您必须对这些长度进行类似的计算。

于 2010-11-28T21:48:56.253 回答
0

您可能需要重新考虑使用 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>
于 2010-11-28T21:18:28.280 回答