Css div上方的空白

请看下图。。

---

如你所见。。我已将

：hover

属性添加到包含每个注释的

div

。但是我有一个小的空白。当我使用chrome开发工具高亮显示元素时，所有元素的区域都会出现空白。这似乎是两个div之间的空白。请帮我把它取下来。我添加了

边距顶部

作为负值，但它在悬停时会产生抖动效果

假设您的布局类似于：

<div>Line 1</div>
<div>Line 2</div>
<div>Line 3</div> ...

您可能还需要将此应用于

div:hover

---

或者，您可以查看您现有的样式（如果不是用户代理样式导致了这一点，

div

元素不太可能出现这种情况），只需相应地更改您的自定义样式。

没有来源，我只能推测HTML，请放心

检查从

中的元素延伸出的边距。如果其中有一个

，则边距可能会超出父级

的边界

如果是这样的话，那么这应该可以做到：

div p {
    margin: 0;
}

---

谢谢各位。我应该添加一个JSFIDLE

我在每条评论的底部都用了一个HR，这个HR在属性后面有一个空白。我删除了hr，并为包含注释的div添加了一个边框底部。因此，删除了该页边距。：）

---

非常感谢！我添加了填充以给评论留出空间。

尝试重置CSS。我在每个CSS文件的开头都放了这样的东西：

*{margin:0；padding:0}

这只是一个基本的例子，因为重置文件可能会变得相对较大，但它可能会有所帮助…请显示您的CSS和相关HTML代码…一个JSFIDLE示例演示这个问题将是一个很大的帮助。正如其他人所说，需要更多信息，但这可能是一个空白问题。尝试删除元素之间的所有空格/换行符，看看是否可以修复它。

div p {
    margin: 0;
}