Flexbox元素对齐问题：如何让#thing_down_here贴合#thing_up_here

我帮你梳理下，两个元素之间出现空隙，绝大多数情况是浏览器给元素自带了默认的margin或padding——毕竟像段落、标题这类常见HTML标签，浏览器都会默认给它们加一些间距样式。

你可以先试试给这两个元素添加下面的CSS代码，把默认的内外边距清零：

#thing_up_here, #thing_down_here {
  margin: 0;
  padding: 0;
}

如果加了之后还是有间隙，那可能要排查下是不是父元素有padding，或者元素本身设置了边框、浮动、定位这类样式影响了布局。不过先试试上面的方法，这是最常见的解决思路~

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