.main {
height: 300px;
width: 300px;
display: flex;
flex-direction: column;
}
.item {
flex-grow: 1;
background-color: #0c0c0c;
}<div class="main">
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
您可以在div之间看到白色接缝。
该问题仅在手机视图中发生。请复制到文本编辑器中，然后按镶边打开，然后按F12键切换到手机视图。 Stackoverflow代码段不会再次出现该问题。
这不是问题。只是您的chrome开发人员工具的适合级别设置为89%，就像白色的接缝一样。当您切换网站并将适合度设置为100%时。
我很困惑，但是我相信这是你的答案：
.main {
height: 300px;
width: 300px;
display: flex;
flex-direction: column;
margin: 0px;
background-color: #0c0c0c;
}
.item {
flex-grow: 1;
background-color: #0c0c0c;
}
我将空白留在了0px处，但是可以在不影响整体效果的情况下将其删除。我认为div边框默认为灰色，因此我将其改写为与主要div相同的颜色。
,.main {
background-color: #0c0c0c;
}
这是解决您问题的方法。