我正在尝试使其变大，但是我可以创建更大的导航链接填充，但是当我这样做时，填充恰好与导航栏重叠，例如，当我将padding：0.03em更改为10px时，它将与topnav div重叠吗？我如何停止此操作，为什么还要float：left更改导航栏的背景颜色？这是我的代码
#topnav { background-color:#333333; clear:both; width:100%; }
#topnav ul { margin:0px; background-color:#333333; }
#topnav ul li { display:inline; }
#topnav ul li a { padding:0.03em 20px; font-size:1.05em; font-family:verdana; }
最佳答案
您正在向在线元素中添加填充，而嵌入式元素不喜欢padding-top和bottom，因此您应该使链接处于阻塞状态：
#topnav ul li a { display: block; }
或者，如果您不想让它们保持内联：
#topnav ul li a { display: inline-block; *display: inline; zoom:1; }