从右到左的无序列表

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 会希望看到嵌套的 ul< /code> 位于 li 内：

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