2

我可以用非固定字体大小覆盖父元素（例如 div）的固定字体大小吗？我有一个问题，对于特定的 HTML 页面，我希望元素使用相对于 Body 元素而不是相对于父 div 的字体大小。

我的 HTML

<body id="templateBody">
    <div>
         <p>

我的 CSS

body{
  font-size: 76%
}

div{
  font-size:11px
}

如何为 p 指定字体大小，以便它是 Body 字体大小的相对 (%age) 而不是固定的 div 字体大小？有没有办法在不改变 div 样式的情况下覆盖 div 的固定字体大小？我尝试使用 rem，但它在 IE8 上不起作用...

4

2 回答 2

4

你不能。一旦设置了父元素的字体大小，就无法引用父元素的父元素的字体大小。

除了浏览器支持问题之外，该rem单位还指根元素的字体大小，它始终是htmlHTML 文档中的元素。因此，如果将body字体大小设置为百分比，则可以间接将p字体大小设置为相对于它，但仅在将其设置为相对于根元素的字体大小的意义上。

在文档中混合 px 和 % 字体大小通常没有什么意义。

于 2013-01-23T22:45:13.650 回答
0

不，不幸的是没有。

您将不得不修改 div 的字体大小。

于 2013-01-23T21:44:19.267 回答