Html 如何使家长'；s的边界是否覆盖其子边界？

我需要帮助解决我的CSS问题。我有一个父div元素及其子div。它们都有一个大小相同但颜色不同的边框。我想要实现的是父母的边界覆盖其子女

<div class="parent">
  <div class="child" />
</div>

---

使用上面的CSS，子对象的绿色边框仍然可见。我试着给家长

填充：-1px

希望它能隐藏边框，但运气不好。如何实现？还是不可能？

使用轮廓而不是边框：

.parent{
轮廓：1px纯红；
}
.孩子{
宽度：50px；
高度：50px；
外形：1px纯绿色；
}

负片填充不是一件事。然而，负利润率是不存在的。（但这样做的话，您仍然需要使用z-index，否则子边界将位于父边界之上。）您在这里真正想要实现什么？听起来，仅仅给孩子一个

边框权

就足够了…？你需要这样的结果吗？-你这样做可以吗<代码>边框底部：0；边界顶部：0；左边框：0到

。child

类不能这样做。子组件是带有边框而不是轮廓的固定组件

.parent {
  border: 1px solid red;
}

.child {
  width: 50px;
  height: 50px;
  border: 1px solid green;
}