css - div上方的空白

Question

请看下面的图片..

如您所见..我已在每条评论中添加了:hover属性。div但我得到一个小空白。当我使用 chrome 开发工具突出显示元素时，空白区域会出现在所有元素的区域之外。它似乎是两个 div 之间的空白。请帮我删除它。我添加margin-top了一个负值，但它在悬停时产生了抽搐效果。

Answer 1

没有源代码继续下去，我只能推测 HTML，所以请耐心等待。

检查从<div>. 如果其中有 a <p>，则边距可能会超出 parent 的边界<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，这个 HR 在财产之后有一个利润。我删除了 hr 并为包含评论的 div 添加了一个边框底部。所以那个边距被删除了。:)

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