从右到左的无序列表

Question

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

我正在做的一个简单示例在这里：http://www.g6pdrecords.com/svk/test.html CSS 位于 .

有什么想法吗？ 谢谢

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>