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

Question

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

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

非常感谢你的帮助。

Answer 1

我检查了您的 CSS，但在其中看不到任何 CSS 重置语句。当涉及到未声明的边距或填充等时，不同的浏览器有不同的默认值。您可以在顶部自己插入一些语句，例如

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

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

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

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

• 或http://html5reset.org/（我认为这个更轻量级，即使它没有附带所有的花里胡哨）。

但是，下次尝试按照其他答案中的建议使用 jsfiddle，或者只是在帖子中学习如何在此处包含代码，因此我们无需下载档案即可查看您的代码。