Html 为什么我的列表元素有1px？

试图复制标题，到目前为止我有这个。我不明白为什么文本容器会在条的底部延伸1px，为什么它们不会在另一个站点上延伸

---

感谢您将.header h1的行高设置为11px，但实际上您只需要10px。

问题在于header样式：

header li, header h1 { 
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 11px;
    padding: 20px;
    background-color: #2d2d2d;
    border-right: 1px solid #333;
}

上垫20px+下垫20px+线高11px=51px

---

您需要将标题的高度增加到51px，或者需要减少填充或行高。

不知道是否可以看到它

但我把线的高度从11改为10 标题li，标题h1{

这很有效。

我在这里修复了它：

我删除了包装的宽度以适应JSFIDLE的显示。您可以重新添加它

但要注意的提示：

• 重置总是第一位的
• 若要有友好的链接，请填充链接。使链接有更大的“框”可供单击
• 填充链接和文本会增加父容器的高度，因此不必为包装器声明高度
• 如果内容没有声明维度，则divs自动调整到内容。这意味着divs自动调整链接和文本，不再导致“1px问题”
• 我忘了，为了使链接填充生效，
  必须使用

  display:block