css - 从右到左的无序列表

Question

我正在尝试制作一个无序列表以在不同的浏览器中运行。我有一个 2 级列表，我试图在一行中水平显示。在 Safari 和 Firefox 上，一切看起来都不错。在 IE (7) 上，由于某种原因，一切都变得疯狂，而且只有当我试图让列表从右到左移动时。当我尝试从左到右显示它时，所有浏览器都会正常运行。

这里是我所做的一个简单示例:http://www.g6pdrecords.com/svk/test.htmlCSS 位于 .

有什么想法吗？谢谢

Answer 1

这样的东西甚至应该在 IE6 中工作。

我从 #menu 中删除了绝对定位，因为没有它也可以完成，但如果你真的需要它，你可以把它放回去。

div#contain{
 margin:0 auto;
 border: 1px dashed #000000;
 width: 1000px;
 height: 600px;
}
div#menu{
 overflow:hidden;
 margin-top:50px;
 border: 1px dashed #FF00FF;
 text-align:right;
}
ul{
 list-style-type: none;
 display: inline;
 margin: 0px;
 padding: 0px;
}
ul li{
 margin: 0px;
 padding: 0px;
 float:right;
}

事实上，HTML 也应该稍微改变一下，validator将希望在 li 中看到嵌套的 ul:

<ul>
 <li>item1</li>
 <li>item2</li>
 <li>
  <ul>
   <li>sub item3</li>
   <li>sub item4</li>
  </ul>
 </li>
</ul>