Question

我正在尝试设置父级font-size:0和孩子font-size:10em。我这样做是为了消除内嵌块之间令人讨厌的空间。

代码示例：

＆＃13;

div.bully {
    font-size:0em;
}

div.geek {
    display:inline-block;
    font-size:10em;
}

＆＃13;

<div class="bully">
    <div class="geek">Something wise</div>
    <div class="geek">Something wiser</div>
</div>

＆＃13;

由于某种原因，儿童的风格并没有超越父母的风格，因此无法正常工作。我已经在Chrome，Firefox和IE中对其进行了测试。但是，如果我将其更改为 px （http://jsfiddle.net/r3rc0t1d/1/），则可以正常工作。有没有理由 em 无效但 px 有效？

Answer 1

使用em时，您的字体大小始终是相对到父级的字体大小。因此，如果您将父级的字体大小设置为0em且将子级的字体大小设置为10em，则表示您要使用该字体来应用字体 - 大小

10 * 0em = 0em