如何获得间距元素的跨浏览器一致性？

Question

我写了一个小应用程序，它是一个顶部有几个徽标的图像滑块。间距对于此项目非常重要，并且在不同浏览器中不一致。我不知道如何解决这个问题，我真的很强调。

这应该是这样的： http://i.imgur.com/ycyeH.jpg

非常感谢你的帮助。

Answer 1

我检查了你的CSS，但是我看不到任何CSS重置语句。不同的浏览器在未声明的边距或填充等方面有不同的默认值。 您可以在顶部插入一些语句，例如

* {margin: 0px; padding: 0px}

但可能存在其他问题，例如管理溢出的方式不同等。

所以也许最好的选择是从库中包含CSS重置，例如

• http://html5boilerplate.com/（我最喜欢的）

• 或http://html5reset.org/（我觉得这个更轻巧，即使它没有所有的花里胡哨）。

但是，下次尝试按照其他答案中的建议使用jsfiddle，或者只是学习如何在帖子中包含代码，这样我们就不需要下载档案来查看你的代码了。