如何制作在不同浏览器中看起来相同的 html 填充？答案

【问题标题】：How can I make html padding that looks the same in different browsers?如何制作在不同浏览器中看起来相同的 html 填充？
【发布时间】：2010-03-03 02:57:31
【问题描述】：

我有一个博客，www.realcanadianenglish.blogspot.com。我用火狐来写。有时我会使用 Internet Explorer 查看博客。后者有时会显示图片和文字之间的差距。我可以更改 HTML 代码来解决这个问题吗？为什么这两者有区别：Explorer 和 Firefox？

【问题讨论】：

如果您可以提供您正在使用的确切代码，或者将我们指向您正在讨论的页面的特定部分，您将获得更好的答案。
我在发布的 URL 上看不到 IE 和 Firefox 之间的明显差异。请将内容缩小到一个演示问题的小测试用例。
请提供您的 HTML 代码、您的 CSS，并指出问题所在。我访问过你的网站，里面有很多东西，我不知道问题出在哪里。
哪个图片哪个文字？有几十个！
2张图片有问题。 1) 2 月 9,09 日多伦多冬季 5 2) 1 月 14 日周三多伦多冬季。链接到 Flickr 的照片与文字之间存在差距。

标签： html css cross-browser padding

【解决方案1】：

Internet Explorer 可以在某些元素上有额外的填充。我建议您尝试先包含一个 CSS 重置文件，然后再包含您自己的 CSS 文件。

Here's a good Stackoverflow question 关于 CSS 重置文件

【讨论】：

为什么要把它的乐趣全部拿出来：)

【解决方案2】：

该博客在 IE8 上看起来不错。如果您遇到问题，我建议您运行 IE8 并使用提供的调试工具（按 F12）。您可以从浏览器内部动态更改 HTML 和 CSS。它比每次您想测试更改时都上传新模板要快。

【讨论】：

【解决方案3】：

你指的是IE Model Bug

【讨论】：

【解决方案4】：

在大多数情况下，问题出在 IE 上，在这些情况下，有时最好，或者至少方便，只为 IE 提供一两行，使其与其他更现代的浏览器保持一致厘米”。这些 cmets 只能被 IE 识别，但最终允许您包含不会影响其他浏览器的样式或 html。它们易于使用，但根据您所针对的 IE 版本有一些变化。这是解释所有内容的链接：http://msdn.microsoft.com/en-us/library/ms537512(VS.85).aspx

【讨论】：

【解决方案5】：

这里是了解 IE CSS 错误的最佳地点：http://www.positioniseverything.net/ie-primer.html

【讨论】：