Javascript 为什么潜水艇会发生碰撞？

我有反应问题。每当我缩小页面时，右侧的div就会与左侧的div发生碰撞。一个在图片后面，另一个在段落中。它似乎是溢出，idk为什么

.list组{
保证金：0自动；
}
.列表组分区{
背景色：；
高度：200px；
}
.列表组h3{
颜色：#175C85；
}
.列表组.pic{
背景图像：url（../images/AdobeStock_52854917_WM.jpeg）；
背景尺寸：封面；
背景重复：无重复；
边界半径：4px；
右边距：50px；
左边距：30px；
}

一次全包费用
与内华达州公司总部有限公司（NCH）合作时，没有隐藏费用或额外费用。有一个初始费用，它包括整个过程。NCH支付所有初始州文件、账户设置费和加速费用
为双方提供服务。NCH一次性为您支付一笔全包费用；我们的竞争对手无法比拟的报价

一站式服务
NCH将促进您从开始到完成一站式解决方案的整个过程。这包括但不限于创建实体、实体文件、新退休账户、展期、将投资转入您的实体
由NCH执行和制作

限制您持续的保管费
NCH的收费表很简单。自导向结构完成后，无交易费用。第一年后，无论您的帐户大小，持续的维护费用都是有限的。通过NCH的过程
您不会因为您的退休账户价值增加而受到处罚

经验与彻底
NCH已经建立了数千个自主退休账户，帮助个人利用潜在的更安全、更有利可图的退休投资。我们促进所有文件的执行，确保
所有要求均已满足，并且您代表您的自助退休账户保持完整的签名权限。凭借超过25年的经验，我们的系统方法已被证明是有效和及时的，让您
尽快控制局面

持续教育和辅导
一旦你的新结构到位，问题肯定会出现。NCH通过电子邮件或我们的免费热线提供持续的指导和教育，帮助指导您完成实施的前六个月。与大多数竞争对手不同，
NCH雇佣并培训知识渊博的自我指导员工。不管你有什么问题，只要一封电子邮件或一通电话就可以得到回答

移除高度

.list-group div {
 background-color: ;
 /* height: 200px; */
}

去掉高度

.list-group div {
 background-color: ;
 /* height: 200px; */
}

---

我将您的代码放入JSFIDLE并删除了一些css，它似乎已经解决了这个问题

.list-group div{
   background-color:;
   //height: 200px;
}

---

我将您的代码放入JSFIDLE并删除了一些css，似乎已经解决了这个问题

.list-group div{
   background-color:;
   //height: 200px;
}

---

在JSFIDLE或堆栈片段中为我们重新创建问题会很有帮助！有关详细信息，请参见。为什么使用

.list组div{height:200px；}

规则？这就是导致问题的原因，让

下的每个div都有200px高似乎是一个非常糟糕的主意。下面是一个演示，它的
.pic
高度为
200px
：在JSFIDLE或堆栈片段中为我们重新创建这个问题会很有帮助！有关详细信息，请参见。为什么使用
.list组div{height:200px；}
规则？这就是导致问题的原因，让
下的每个div都有200px高似乎是一个非常糟糕的主意。下面是一个演示，它的
.pic
具有
高度：200px
：还应该将图像移动到
img
元素，或者也给
.pic
赋予高度。还应该将图像移动到
img
元素，或者给
img
赋予高度。