HTML UL李寬度不正確

Question

我想創建一個下拉菜單，我有一些問題的鏈接的寬度，因爲他們得到的開箱...

檢查出來http://jsfiddle.net/V4Cgn/

Answer 1

你可以這樣做：http://jsfiddle.net/V4Cgn/8/ add overflow：hidden; to #popupbox

Answer 2

使用精確寬度：

#popupbox ul li a{ 
    padding: 10px; 
    width:129px; 
    float:left; 
    color:#ffffff; 
    text-decoration:none; 
} 

Answer 3

如果您不能使用準確的寬度可以用百分比仍然這樣做。你填充是錯誤的。

#popupbox ul li{ 
    display:block; 
    width:100%; 
} 
#popupbox ul li a{ 
    width:90%; 
    padding: 10px 0 10px 10%; 
    float:left; 
    color:#ffffff; 
    text-decoration:none; 
} 

我樹立了一個榜樣在這裏 - http://jsfiddle.net/spacebeers/TnZZj/4/

如果你可以使用一個確切的用，雖然我會做到這一點，而不是。