Html div之间的奇怪间隙

Html div之间的奇怪间隙,html,css,Html,Css,我对div之间的奇怪间隔有问题。 div是可折叠的,它似乎在它们之间造成了额外的两个像素。这不是利润,只是一个差距 这是我的代码示例。左侧的“GameName”菜单项可单击 我通过单击添加和删除显示样式来创建折叠效果: if (panel.style.display === "block") { panel.style.display = "none"; } else { panel.style.display = "block"; } 您的差距实际上是由浏览器添加的元素的边距

我对div之间的奇怪间隔有问题。
div是可折叠的,它似乎在它们之间造成了额外的两个像素。这不是利润,只是一个差距

这是我的代码示例。左侧的“GameName”菜单项可单击

我通过单击添加和删除显示样式来创建折叠效果:

if (panel.style.display === "block") {
    panel.style.display = "none";
} else {
    panel.style.display = "block";
}

您的差距实际上是由浏览器添加的
元素的边距。试试这个:

ul {
    margin: 0;
}

这种奇怪的差距来自子系统(
)的底部边距,默认情况下在
上添加了浏览器样式

.locations ul {margin-bottom: 0}
.

现在还不太清楚“奇怪的差距”是什么意思,你能截图并指出你在说什么吗?