Css 如何使一个文件与不同的浏览器兼容？

我正在制作一个网站，当我在safari中预览它的时候。结果正是我想要的。但当我用firefox进行测试时

在我的页面中，有一个元素使用

填充左侧和页边空白顶部。当我在safari中预览它时，它非常有效。但是当我在firefox中打开文件时。元素的边距顶部增加了几个像素

如何编写css文件，以便在不同浏览器中使用相同的页面。我曾尝试在网上寻找解决方案，但到目前为止，没有一个解决了这个问题

---

非常感谢回复。

明确指定所有四个边距和所有四个填充值。这将消除浏览器内置默认样式表中的差异。

发现布局不兼容于跨浏览器可能有几个原因，因此需要大量的标记和css信息才能确定如何帮助您编写100%W3C有效网页

我建议您在布局中使用blueprint或960之类的css框架，这样您就不会有太多问题。这是一种启动和维护项目的好方法，如果您选择不使用框架，还可以学习如何创建布局

---

此外，我建议您首先在chrome和firefox中测试所有项目，然后在safari中测试，这仅仅是因为与safari相比，使用这两种浏览器的用户数量很大。我还想说，如果它在chrome中看起来不错，那么在safari和firefox中可能也会不错，但它总是值得测试。

正如jsteinmann所说，检查使用以确保页面验证。这将需要一些时间来确定你是否是新手，但这是必不可少的一步

如果你在FireFox上遇到问题，当你在IE上查看时，你很可能会死。将此链接添加到书签中

你有很多东西要学，谷歌会帮助你：

将来，使用stackoverflow解决特定问题，并提供代码示例。你会发现你很快就能得到具体的答案

此外，别忘了勾选你认为最有用的答案，也要投票选出一些更高级别的答案。这就是为什么人们花时间回答你的问题

---

享受未来的漫长道路：）

我对网络编码非常陌生，是的，我应该先用firefox和chrome进行测试。但是我尝试了一种编码方式，在那里我可以保持safari代码的老练。虽然我可以在firefox中进行一些更改，但问题是我可以做一些小的更改（我可以在容器中添加背景色，但它不会显示在safari中）。这是一个暗示，它是有效的，但我不能改变容器的位置，即使改变Margin top的值，为什么？我们都从某个点开始，欢迎来到社区。我不建议使用特定于浏览器的代码来解决您的问题，尽管IE确实支持这一点，但您确实希望避免这种情况。我真的建议检查css框架。它将真正帮助您为您的项目创建一个可靠的代码模式，该模式具有可重用性和较少的问题。非常感谢，感谢您的回答。