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内看到嵌套的li：

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

从右到左无序列表

1 个答案: