Question

this page.这是一个简单的css菜单。它在Chrome中运行良好。这是我正在使用的相关CSS。

ul#list-nav {
    clear:both;
    list-style:none;
    margin:0 0px;
    padding:0;
    width:100%;
}
ul#list-nav {
    list-style:none;
    margin:0px;
    padding:0;
    width:100%;
}
ul#list-nav li {
    display:inline
}
ul#list-nav li a {
    text-decoration:none;
    padding:5px 0;
    width:16.62%;
    background:#754C78;
    color:#eee;
    float:left;
    text-align:center;
    border-left:1px solid #fff;
}

这主要是width的一个问题，但是由于它们略微倾斜，右边的最后两个单元格也发生了奇怪的事情？

我感谢任何建议。

谢谢，

塔拉

Answer 1

删除宽度并为padding-left和padding-right

添加38px

ul#list-nav li a {
background:#754C78 none repeat scroll 0 0;
border-left:1px solid #FFFFFF;
color:#EEEEEE;
float:left;
padding:6px 38px;
text-align:center;
text-decoration:none;
}

IE8的CSS菜单问题 - 调试

1 个答案: