跨浏览器的CSS问题，但IE工作？

Question

我在标题中放置徽标时遇到问题。标题的跨度为257px。它“似乎”在Mac和PC上都可以放在Firefox / Chrome / Safari中。使用IE 8/9它“出现”问题退出。这里的扭曲是它实际上在IE中工作而不是其他浏览器。我真的需要至少21px的填充顶部。

使用下面的CSS，IE实际上正确呈现它，但所有其他浏览器在填充顶部添加接近20px。

现在的CSS，经过多次不同的迭代之后。

.img {
    display: block;
    padding: 1px 0 21px 8px;
    width: 200px;
    height: 40px;
}

任何帮助追踪这一点都将不胜感激。

Answer 1

如何使用相对定位的span / div进行绝对定位？

比如说：

<div style="position:relative;">
  <img src="..." style="position: absolute; top: 21px">
</div>

这会将图像从父div的顶部放置21px。

更好地说明它。我做了一个jsfiddle

http://jsfiddle.net/RD26R/