padding-top 不起作用，但 padding-right 是

Question

这是我的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;
}

导航栏是身体内部的一个 div，我在导航栏中有几个标签。

这是输出：

Answer 1

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

你的 Div 是一个块级元素，但锚标记是一个内联元素。要给垂直空间使其成为块元素，正如您已经发现的那样，或者将锚点放在 div 中，该 div 具有“填充”或“边距”形式的垂直空间！

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

在后面的两种情况下，填充现在也将影响垂直方向，就像现在从内联形式转换为块级元素一样。希望，这有帮助！