如何在CSS中为各种浏览器设置边距

我经常看代码，看到诸如“-moz某某CSS规则，-webkit某某CSS规则”之类的东西，并且认为我需要在我的案例中做类似的事情

我的页面需要像在firefox中一样显示，但当我在Chrome和Safari中查看它时，它完全是反向的。在Firefox中，我无法获得我想要的常规边距，也就是说，我必须使用负整数作为边距。如何使所有浏览器的页边距都相同

这是我在其中一个div上的CSS（我想我可以将任何答案应用于其他div）

但当你在除FF之外的任何浏览器中查看它时，你都会清楚地看到它的脆弱性

---

感谢您的关注和帮助。

我不能100%确定您是否需要测试，但我相信您可以通过以下方式解决您的问题

* {
 margin:0;
 padding:0;
}

.colorScheme {
background-color:#B9E9DA; 
width:500px; 
height: 340px; 
margin-top:-45px; 
padding:0;
}

这会将所有元素设置为没有填充或边距。使用CSS控制所有填充和边距

或者，您可以只为单个类分配硬编码，但需要为每个边距/填充指定一个值，如下所示

.colorScheme {
background-color:#B9E9DA; 
width:500px; 
height: 340px; 
margin:-45px 0 0 0; 
padding:0;
}

---

试试这些，看看它们是否适合您。

我无法对全局样式表进行任何重置，但我会尝试设置每个边距。也许这会奏效。让我看看，盲人说，不，那不行。问题是，我认为，nav下面的部分，以“克里斯汀的一张便条”开头，和过去的部分被分为两个不同的部分。它们在div中（后者向右浮动），它们是CMS（eZPublisher）内部的两个小部件，并且没有包含这两个div的容器，我可以在其中简单地向上拉顶部，同时影响它们。然而，它们的Chrome和Safari格式很好，但是在Mozilla和IE中，导航和以下部分之间有一个白色的垂直空间。我认为，如果我简单地在规则上设置一个特定于浏览器的选择器，就像我所看到的那样（比如：-moz，-IE等），这将对我起到作用。但是你能对内联样式这样做吗？

.colorScheme {
background-color:#B9E9DA; 
width:500px; 
height: 340px; 
margin:-45px 0 0 0; 
padding:0;
}