Html div之间的间距

我的问题是这样的：

如您所见，有3个图像（div），我不想删除每个div之间的黑色间隔

最重要的是，当我在css中放置以下内容时：

* {
padding: 0;
margin: 0;
}

然后看起来很好：

问题是我不能对整个html使用

padding:0

和

margin:0

，因为其他属性将被破坏

我尝试在每个div（图像）上添加：

padding:0

和

margin:0

，但不起作用

HTML来源：

<div id="sidebar-left" class="sidebar" role="complementary">
       <div class="sb-ui sb-title"><h3>Account</h3></div>
       <div class="sb-con">
            <ul>
        <li><a href="index.php?subtopic=accountmanagement">My Account</a></li>
                <li><a href="index.php?subtopic=accountmanagement&action=logout">Logout</a></li>
            </ul>
       </div>
       <div class="sb-ui sb-end"></div>
</div>

---

感谢您的帮助。

可能是ul上的空白造成的

.sb-con ul { padding:0; margin:0; }

可能达到预期效果。

li

也可能影响布局；但我们无法从您提供的代码中判断

“全部覆盖”重置将删除默认边距/填充；因此，它看起来不错

编辑-您的

.sb title h3

可能还需要删除底部边距，因为看起来您使用的是固定高度（60px），但默认边距会增加额外高度

---

这很容易用Chrome或Chrome的web inspector进行调试，并带有间距来源的视觉指示。

这是因为UL默认边距。 你需要一种风格：

UL { margin: 0 }

---

和

UL { margin: 0 }