填充不斷重疊導航欄鏈接

Question

我想讓它，所以我可以創建我的導航鏈接填充較大，但是當我這樣做時，填充只是重疊導航欄，例如當我更改填充：0.03em到10px它將重疊topnav div？我該如何阻止這一點，爲什麼浮動：左改變導航欄的背景顏色？這裏是我的代碼

#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; } 

Answer 1

您添加填充到一個內聯元素和內聯元素不喜歡填充，頂部和底部，所以你應該讓你的鏈接塊：

#topnav ul li a { display: block; } 

或者，如果你不想讓他們內聯：

#topnav ul li a { display: inline-block; *display: inline; zoom:1; }