div元素之间存在空白间隙，已尝试通用方案无效，该如何彻底消除？

你遇到的div间隙不是inline-block的字符间隙，是外边距塌陷（margin collapse） + Bootstrap默认给标题、段落元素设置的上下外边距溢出父元素导致的：页面里的h1、h2、p等标签自带Bootstrap预设的上下margin，当父div没有设置border、padding或者触发BFC（块级格式化上下文）时，子元素的margin会穿出父容器，导致相邻div之间看起来有空白间隙。

解决方法 #

你只需要添加以下CSS规则即可消除间隙：

1. 给右侧容器内的所有直接子div触发BFC，避免子元素margin溢出

.centered > div {
  overflow: hidden;
}

如果你不需要全局设置，也可以单独给每个有背景色的div（比如.about、.wise、.container_2等）单独添加overflow: hidden属性。

2. （可选）如果不需要Bootstrap默认的标题、段落间距，可以手动重置这些元素的外边距，再按需用内边距调整内容间距：

h1, h2, h3, h4, p {
  margin: 0;
  /* 按需自行设置内边距控制内容和容器边缘的间距 */
  padding: 8px 0;
}

另外你代码里.wise h3的color属性值缺少#，需要修正为color: #000000;，避免样式不生效。

内容的提问来源于stack exchange，提问作者student