如何删除 div 之间的白色 space？

How can I remove white space between divs?

我正在处理我的投资组合网站，我不知道如何去掉白色 space。

根据 inspect 元素，有 ul.AMSI 的样式，但我的 styles.css

中没有使用它

图片托管于 https://i.imgur.com/jWRzy86.png

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

如有任何提示，我们将不胜感激。

URL : https://portfolio-thomas-2019.herokuapp.com/

更新

再次感谢支持

我试过的

删除所有 AMSI Li 填充和边距

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

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

我走到了极端，将正文背景更改为十六进制#EC7108。

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

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

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

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

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

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

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

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

您应该删除这个 <p> 标签（假设它是空的，因为您没有使用它。） 这个 <p> 标签的 margin-bottom 为 1rem，这导致白色 space