Javascript 如何消除div之间的间隙？

我在div之间有间隙，这是因为我有以下css规则

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

实际上原因是框大小属性，问题是如何仅对父div和cos禁用此规则我需要对所有其他元素禁用此规则

他是我所有规则的屏幕

在这种配置下，它可以工作，但在此之后，所有其他元素都有问题

---

下面是fiddle中的代码，您需要覆盖子项：

.childElements{
  box-sizing: content-box;
}

但是，对于您的问题，如果只从父元素而不是子元素中删除边框框，那么您需要再次对这两个元素使用css，即使您已应用于*：另外，请注意，以下内容不会起作用，因为您预计会出现间隙。上述css规则有效

.parents{
  box-sizing: content-box;
}
.childElements{
  box-sizing: border-box;
}

：）对某人来说，这是一个令人困惑的问题的令人困惑的答案…

怎么样

.parents-parent > .parent {
  box-sizing: content-box;
}

---

如果您知道父元素，因为

*>.parent

太多了。

假设您的元素名为

.myClass

，请将其添加到CSS中

.myClass, .myClass:before, .myClass:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

---

更多信息。

我认为你做得很好。只需要改变财产的价值。试试这个。它经过了充分的测试

*, :after, :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

---

你如何做到这一点取决于你没有包含在问题中的HTML，因为你可以创建一个新的选择器，根据你的HTML结构覆盖该规则。。。但撇开不谈，你确定这些间隙是由该属性产生的吗？我不知道盒子大小是如何产生这些间隙的。我不认为是这个属性造成了这些间隙。你能发布你所有的相关代码吗？你是对的@梦魇我已经再次检查过了，任何已经发布的答案都可以使用classname

OrderRege145…

使用选择器

\test>div