删除彼此下方的 2 个 div 元素之间的“空白”答案

【问题标题】：Remove “whitespace” between 2 div element under one another删除彼此下方的 2 个 div 元素之间的“空白”
【发布时间】：2018-12-21 11:18:19
【问题描述】：

.div-1 {
  background-color: #deb887;
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: inline-block;
}

.div-2 {
  background-color: #87ceeb;
  margin: 0 auto;
  width: 100%;
  padding: 32px 0;
  text-align: center;
}

<div class="div-1">..... some code here </div>
<div class="div-2">..... some code here</div>

在 2 个 div 之间出现一个空白，在另一个 div 之下我找到了这个问题的一些解决方案，但它们不起作用。

垂直对齐：顶部； ----- 不工作
行高：0px； ------ 它对 div 的文本有影响
字体大小：0px； -------- 它也会影响文本
1. *{ 边距：0；填充：0； ------------------ 不工作

请帮忙，提前谢谢。

【问题讨论】：

我在你的例子中没有看到白线？！
由于元素是 100% 宽的，根本没有理由使用 inline-block。
显示时工作：溢出阻塞：隐藏

标签： html css

【解决方案1】：

.div-1{
    display: block;
    width: 100%;
    background-color: #deb887;
    margin: 0 auto;
    height: auto;
}

.div-2 {
    height: 10px;
    vertical-align: top;
    background-color: #87ceeb;
    margin: 0 auto;
    width: 100%;
    padding: 32px 0;
    text-align: center;
}

【讨论】：

@N.乔希我不确定，但你可以通过在 css 中应用来检查它。

【解决方案2】：

试试这个方法：

<div class="div-1">..... some code here </div><!--
--><div class="div-2">..... some code here</div>

请注意注释语法

【讨论】：