这是 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
的问题,但右边的最后两个单元格也发生了一些奇怪的事情,因为它们稍微倾斜了?
我很感激任何建议。
谢谢,
度母
最佳答案
移除宽度并为 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 菜单问题 - 调试,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6910086/