Html 为什么在调整浏览器大小时，div之间有时会出现间隙？

如果调整浏览器的大小，

.services项的底部与父div（
.services
）之间存在间隙。代码如下：


#一个{
背景色：#fff；
身高：50%；
宽度：100%；
}
#两个{
背景色：#fff；
身高：50%；
宽度：100%；
}
身体，
html{
身高：100%；
背景色：#000；
}
* {
保证金：0；
}
.服务{
背景：绿色；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
填充：0 50px；
颜色：#fff；
}
.服务项目{
-webkit-box-flex:1；
-ms-flex阳性1例；
柔性生长：1；
背景色：rgba（0,0,0,0.5）；
填充：50px；
高度：自动；
文本对齐：居中；
位置：相对位置；
}
.服务项目h2{
利润率：20px0；
}
.服务项目p{
线高：150%；
}

服务1
Lorem ipsum dolor sit amet，奉献精英。同样的，我们也会重新开始，面对新的挑战。在诺斯特鲁姆，阿利奎姆·苏西比特。暂时性大盲肠切除术！现在，我们需要一个最大的自由
我的意思是，我的自由。Eos

服务2
Lorem ipsum dolor sit amet，奉献精英。对生命的尊重，别名为“权利与义务”，包括对生命的尊重、对自由的尊重和对排斥的尊重。雷拉姆，雷姆多洛里布，铜酸盐
比阿特的独特风格。维罗，哈伦，奥特姆。因为它是一种假想，是一种软膏和驱虫剂

服务3
Lorem ipsum dolor sit amet，奉献精英。预防性错误和动物性行为，全方位的面部按摩和水平按摩，在合理的按摩和按摩中，是一种类似于强直性痴呆的行为，是一种有效的别名，也是一种真实的感觉？
尊贵的人，敏锐的洞察力，高贵的建筑设计师

Jos haluat tämän palvelun/tuotteen，ota yhteyttäja kerro viestissä。
将
高度：100%
添加到
服务项目中
，同时添加

*{box size:border box；}
到css文件

这是必需的，因为边框框

在元素的总宽度和总高度中包括填充和边框：


*{框大小：边框框；}
#一个{
背景色：#fff；
身高：50%；
宽度：100%；
}
#两个{
背景色：#fff；
身高：50%；
宽度：100%；
}
身体，
html{
身高：100%；
背景色：#000；
}
* {
保证金：0；
}
.服务{
背景：绿色；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit盒方向：水平；
-webkit盒方向：正常；
-ms柔性方向：行；
弯曲方向：行；
填充：0 50px；
颜色：#fff；
}
.服务项目{
-webkit-box-flex:1；
-ms-flex阳性1例；
柔性生长：1；
背景色：rgba（0,0,0,0.5）；
填充：50px；
身高：100%；
文本对齐：居中；
位置：相对位置；
}
.服务项目h2{
利润率：20px0；
}
.服务项目p{
线高：150%；
}

服务1
Lorem ipsum dolor sit amet，奉献精英。同样的，我们也会重新开始，面对新的挑战。在诺斯特鲁姆，阿利奎姆·苏西比特。暂时性大盲肠切除术！现在，我们需要一个最大的自由
我的意思是，我的自由。Eos

服务2
Lorem ipsum dolor sit amet，奉献精英。对生命的尊重，别名为“权利与义务”，包括对生命的尊重、对自由的尊重和对排斥的尊重。雷拉姆，雷姆多洛里布，铜酸盐
比阿特的独特风格。维罗，哈伦，奥特姆。因为它是一种假想，是一种软膏和驱虫剂

服务3
Lorem ipsum dolor sit amet，奉献精英。预防性错误和动物性行为，全方位的面部按摩和水平按摩，在合理的按摩和按摩中，是一种类似于强直性痴呆的行为，是一种有效的别名，也是一种真实的感觉？
尊贵的人，敏锐的洞察力，高贵的建筑设计师

Jos haluat tämän palvelun/tuotteen，ota yhteyttäja kerro viestissä。
您的代码还有一个解决方案

.services a {
   display: flex;
   align-self: stretch; 
}

也许这与
位置有关：相对内部
.services项{
，因为它们的高度不同