div上方的空白区域

Question

请看下面的图片..

正如您所看到的......我已将:hover属性添加到包含每条评论的div中。但我得到一个小的空白区域。当我使用chrome dev工具突出显示元素时，白色空间来自所有元素的区域。它看起来是两个div之间的空白区域。请帮我把它删除。我添加了margin-top作为负值，但它对悬停产生了抽搐效果。

Answer 1

如果没有源代码，我只能推测HTML，请耐心等待。

检查从<div>内的元素延伸的边距。如果其中有<p>，则边距可能会超出父<div>的边界。

如果是这种情况那么这应该可以解决问题：

div p {
    margin: 0;
}

Answer 2

假设您的布局类似于：

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

您只需要重置边距：

div {
    margin:0;
}

您可能还需要将其应用于div:hover。

或者，您可以查看现有样式（如果不是用户代理样式导致此问题 - div元素不太可能），只需相应地更改自定义样式。

Answer 3

谢谢你们。我应该添加一个jsfiddle。

我在每条评论的底部使用了一个人力资源，这个人力资源在财产后有一个保证金。我删除了hr并为包含注释的div添加了一个border-bottom。因此保证金已被删除。 :)

非常感谢！我添加了填充以为评论提供空间。