两个div盒子中间有空隙怎么办

写了两个div盒子,本意是想让他们上下紧密排列着,但是运行出来之后有空隙,怎么解决?

img

img

可能是因为 div 盒子之间存在默认的 margin 或 padding 值导致的。可以在 CSS 中将这些值设置为 0 来解决这个问题。

div{
    margin: 0;
    padding: 0;
}


还可以使用 CSS 的 box-sizing 属性将 border 和 padding 计算在盒子的宽高之内。

div {
    box-sizing: border-box;
}


如果空白还是存在,那么可能是其他样式导致的,可以尝试检查 div 盒子的其他样式,例如 border 和 padding 。

如果是在浮动的情况下,可以考虑使用 clearfix 或者设置overflow:auto;

如果仍然无法解决问题,请提供更多关于 HTML 和 CSS 代码的细节,以便进行更确

空隙是什么导致的 margin padding 还是其他什么

加个边框border 实线, 看下各自的边框定位是在哪里,再看距离是怎么产生的,是不是 有margin padding 导致的