【问题标题】：How can I remove white space between divs?如何删除 div 之间的空白？
【发布时间】：2019-10-04 09:38:00
【问题描述】：

我正在开发我的投资组合网站，但我不知道如何摆脱空白。

根据检查元素，ul.AMSI 有样式，但在我的样式中没有使用。css

我试图检查元素，但没有帮助。

对此的任何提示将不胜感激。

更新

再次感谢您的支持

我尝试过的

删除所有 AMSI Li 填充和边距

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
}

注释掉我的问题周围不同区域的边距和填充，希望能找到问题，但我找不到。

我将身体背景更改为十六进制 #EC7108。

根据我的经验，我不知道有任何其他角度来解决我的问题，但我询问了所有优秀的开发人员。

【问题讨论】：

欢迎来到 StackOverflow！为了让我们更好地帮助您，您能否更新您的问题，以便它显示您的现有代码，并在问题本身的minimal, complete, and verifiable example 中详细说明任何失败的attempts made so far乙>。如需更多信息，请参阅有关how to ask good questions 的帮助文章，并采取tour of the site :)
@Thomas McCabe 你可以分享一个 JSFiddle 示例代码吗？没有它我们就无能为力...
大家好，感谢您的支持！一旦我这样做了，它似乎没有生效：i.imgur.com/FzVEoUT.png
@ChrisLi：你是什么意思？删除它似乎什么都不做？我也试过你的评论。
您在

【解决方案1】：

<ul> 元素是问题的一部分。你应该给它添加这个样式

.AMSI {
    margin-bottom: 0;
    padding-bottom: 0;
}

这本身并不能解决它。但是，页面上有一个杂散的<p></p>，就在这个<ul> 元素之后。

你应该删除这个<p> 标签（假设它是空的，因为你没有使用它。）这个<p> 标签的底部边距为 1rem，这导致了空白

【讨论】：

【解决方案2】：

我刚刚查看了该页面，似乎问题与与您的社交媒体图标所在的无序列表相关联的样式有关。

.AMSI li {
    list-style: none;
    display: inline-block;
    text-align: center;
    color: #EC7108;
    padding: 4px;
    margin-bottom: 10px;
}

边距底部很可能是问题所在。

【讨论】：

【解决方案3】：

你的ul class="AMSI"中有margin-bottom 你需要设置margin-bottom: 0
你在 ul class="AMSI" 下面有一个 p 标签，里面有空内容，它也有 margin-bottom。然后也将其删除。

【讨论】：