HTML ul li width不正确

Question

我正在尝试创建一个下拉菜单，我在链接的宽度方面遇到了一些问题，因为它们开箱即用...

查看http://jsfiddle.net/V4Cgn/

Answer 1

使用精确宽度：

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

Answer 2

如果您无法使用确切的宽度，则可以使用百分比来执行此操作。你的填充是错误的。

#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/

如果你可以使用精确的，但我会这样做。

Answer 3

你可以这样做：http://jsfiddle.net/V4Cgn/8/ 添加溢出：隐藏;到#popupbox