填充解决了一个问题，我不知道为什么

Question

我正在w3schools中学习CSS，现在我正尝试从此https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_vertical_responsive设计一个响应式导航栏 问题在于，显然.content需要指定填充以获取我真正想要的布局。

这是我的布局，没有填充：

这是填充 padding: 1px 16px; ：

我的问题是，w3schools如何知道添加填充可以解决该问题？

我尝试与元素检查器一起查看是否在文档中添加了任何填充或边距。但Chrome不会突出显示任何内容。因此，如果没有该教程，我将永远不会知道如何解决它。以前，我仅假设填充是用于在内容及其容器之间创建一个空间，但是现在看来填充可以做其他事情。

Answer 1

将填充设置为零会在content div的开头“禁用” h2的边距最高设置。通过将top padding设置为0，您可以强制div的内容从div的顶部开始，而不管顶部边距如何。