html - hr 标签导致两个部分之间的边距

Question

我正在建立一个个人网站，并且有一些部分我想用 hr 标签分割。但是，当我使用标签时，我总是得到这种奇怪的间距。

(黄色是一段，紫色是另一段，绿色是页面背景色)

我试图通过更改边距、填充等来修复它，但似乎没有任何效果，有什么想法吗？

hr {
padding: 0px;
height: 1px;
border: none;
}

Answer 1

您应该可以通过将边距设置为 0 来实现:

hr {
  margin: 0;
}

https://jsfiddle.net/5m5wad4r/

如果这不起作用，也许这些部分本身有边距，而不是 hr？