填充顶不工作，但填充，右边是

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

我想通了，我只需要使用：display:inline-block;

Answer 2

你可以尝试这样的：Demo

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

Answer 3

存在'块级'元素与'内联E ''。边距&根据基本概念，“内嵌元素”的填充仅在水平方向中有效，但不在垂直方向中。

您的Div是块级元素，但锚标记是内联元素。为了给垂直空间做一个块元素，就像你已经发现的那样，或者把锚点放在一个div中，该div具有'padding'或'margin'形式的垂直空间！

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

在后面两种情况下，将填充在垂直方向上实现现在也作为目前已转化成块级元素，从内联形式。希望，这有助于！