绝对定位的子div宽度，超出了相对定位的容器

Question

我知道这是一个非常普遍的问题，但是可以找到解决方案！ 包含position: relative的div及其内部的div具有position: absolute和width: 100%的div刚刚溢出了它的父对象。我不知道我在想什么。

我有什么：

.parent-div {
  position: relative;
  overflow: hidden;
}

.child-div {
  position: absolute;
  width: 100%
  max-width: 100%;
  box-sizing: border-box;
}

注意：此处父div是引导list-group-item元素

任何帮助都是可取的。谢谢！

更新：

问题已解决！这是因为bootstrap group。因此，我使用了另一个包装，并将其放置在relative的位置，它现在可以正常工作了！

Answer 1

您是否尝试过box-sizing: border-box;，在元素的总宽度和高度中包括填充和边框：

https://www.w3schools.com/cssref/css3_pr_box-sizing.asp

Answer 2

据我所知，您的父div上的宽度丢失了，因此子div上100％的宽度得到了自己的生命。