导航栏大小与内容相关

Question

我的网站导航栏有问题。我使用列表和CSS样式创建了导航栏。栏上的可点击框保持较小且相对于该框中内容的大小，但我希望它是一个设定的大小。

#navbar ul, #navbar ul li {padding:0; margin:0; list-style:none; }
#navbar a{color:#FFFFFF; font-weight:bold;}
#navbar a:hover{background:#777777;}
#navbar li a:link, #navbar li a:visited {background:#444444; text-decoration:none; height:24px; line-height:24px; display:inline; float:left; width:auto; padding:0px 10px;}

这是我用于导航栏的CSS。

Answer 1

尝试设置：

 display:block;

在您的锚标签上，加上一些填充以使样式远离文本？