Css 顶部填充不起作用，但右侧填充不起作用

这是我的css：

body { 
margin: 0px;
background-color: white;
}

#navbar { 
background-color: red;
margin: 0 auto;
width: 900px;
height: 200px;
}

#navbar a { 
padding: 20px;
color: grey;
text-decoration: none;
font-weight: bold;
font-size: 20px;
}

navbar是主体内的一个div，我在navbar内有两个标签

这是输出：

---

我明白了，我只需要使用：

display:inline块
我明白了，我只需要使用：
display:inline块
您可以这样尝试：

#navbar a {       
    display:block;
    float:left;
}

您可以这样尝试：

#navbar a {       
    display:block;
    float:left;
}

“块级别”元素和“内联元素”之间存在差异。根据基本概念，“内联元素”的边距和填充仅在水平方向上有效，而在垂直方向上无效

您的Div是块级元素，但锚定标记是内联元素。要提供垂直空间，请将其设置为块元素，正如您已经发现的那样，或者将锚点放置在div中，div具有“padding”或“margin”形式的垂直空间

div a {display:block;padding:20px;} OR div a{display:inline-block;padding:20px;}

在后两种情况下，填充现在也将在垂直方向上起作用，正如现在从内联表单转换为块级元素一样。希望有帮助
 在“块级别”元素和“内联元素”之间存在差异。根据基本概念，“内联元素”的边距和填充仅在水平方向上有效，而在垂直方向上无效

您的Div是块级元素，但锚定标记是内联元素。要提供垂直空间，请将其设置为块元素，正如您已经发现的那样，或者将锚点放置在div中，div具有“padding”或“margin”形式的垂直空间

div a {display:block;padding:20px;} OR div a{display:inline-block;padding:20px;}

在后两种情况下，填充现在也将在垂直方向上起作用，正如现在从内联表单转换为块级元素一样。希望有帮助
 您已将所有填充设置为20px！！将宽度：900px更改为宽度：…%。您可以将输出设置为ge。您已将所有填充设置为20px！！将宽度：900px更改为宽度：…%。你可以用ge输出。。