css - 行高属性是否继承自body

Question

我有一些 html 如下 - 没什么特别的 - 只是一个 div 和一个 span

<div id="container">Some text to affect the width</div>
<span>A</span>

我正在使用 eric meyer's css reset .他正在做的一件事是将 body 的行高设置为 1。此外，他正在设置字体:inherit;对于每个元素。

然后，我对上面的html元素还有其他几种样式如下:

body{background:#912FFF}
    #container{background-color:#EDC1C1; width:150px;}
    span{background-color:#35D9C4;}

fiddle :http://jsfiddle.net/probosckie/5pb4794u/

问题是我的跨度与 div 重叠。如果我放大页面，它会更加明显。

我猜是行高设置为 1 并且字体设置为继承搞砸了。有人可以确认一下吗？？

Answer 1

在 body 元素中设置 line-height:normal;。将行高设置为低于其文本高度的值会导致重叠。