html - 为什么我不能在 chrome 中显示这个跨度，但我可以在 FF 中显示？

Question

我有以下 CSS:

.views-imagematrix-block .views-field-title .field-content > a .promotedstar {
    position: relative;
    top: -6px;
}
.promotedstar {
    background: url("../img/icons/Star.png") no-repeat scroll 0 0 transparent;
    font-weight: bold;
    height: 25px;
    padding-bottom: 10px;
    padding-right: 25px;
    position: relative;
    top: 0;
    width: 25px;
}

以及以下 html:

<div class="views-field views-field-title">
    <span class="field-content"><a href="/content/gershwins-coffee-house"><span class="promotedstar"></span>&nbsp;Gershwins Coffee House</a></span>
</div>

这在 Firefox 中提供了完整的预期效果，但是在 Chrome 中...它显示跨度在 div 之外(向左)，即使有溢出也不会显示:可见；设置为包含的 div。 (跨度似乎没有填充)。我不知道如何解决这个问题......

Answer 1

它看起来像一个 Chrome 错误。我认为这与我在 chrome issue tracker 中发现的 SPAN 为空有关。一些相关的bug