方法一:
.menuBox{text-algin:right;}
.menuBox a{display:inline-block;}
方法二(注意,这种方法菜单排序是最后一个在最左边):
.menuBox a{display:block;float:right;}
对不起,以上回答没有经过测试,只是一个思路,确实有你说的问题。下边是按方法一做的经过测试的代码(需要对HTML结构做稍微调整)。完整的测试代码如下:
测试*{ padding: 0px; margin: 0px;;}
.mytab{ display: block; width:500px; margin:20px auto; background:#ccc;}
.mytabtop{ display: block; text-align: right; padding:5px 0 0 0; border-bottom:1px solid #333;}
.mytabtop li{ display: inline-block; height:32px; }
.mytabtop li a{ display: block; height:30px; line-height:30px; padding:0 20px; margin:0px 0 0 1px ; border:1px solid #333; font-size:12px; position:relative; top:1px}
.mytabtop li a:hover, .mytabtop li a.nowtop{ height:40px; line-height:40px; background:#FFF; border-bottom:1px solid #FFF; font-size:12px; top:-4px;}
.mytabbody {display: block; background:#FFF;}