Question

我有以下标记：

<div id="routes">

<ul id="routesList">
  <li class="routes">Route 1</li>
  <li class="routes">Route 2</li>
  <li class="routes">Route 3</li>
</ul>

</div>

使用以下CSS：

#routes {
     height:20px;
     width:770px;
     overflow:hidden;
 }

ul.routesList{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:auto;
}

我有一些javascript滚动#routes div。

ul.routesList列表项水平渲染并溢出但在IE中它们在IE中垂直包裹并溢出？

我尝试使用自动换行，但没有运气！

这里是否有任何IE怪癖或我的CSS / HTML有什么问题？

由于

Answer 1

你已经在你的列表中添加了一个id，但是在你的CSS中按类引用它 - 我已经在下面放了一些工作CSS，这使得它可以像你在IE和Firefox中描述的那样工作。

#routes {
     height:20px;
     width:770px;
     overflow:hidden;
      background-color: Aqua;
 }

#routesList{
    margin:0;
    padding:0;
    list-style:none;
    width:auto;
}

#routesList li {
    float: left;
    width: auto;
    padding: 0 10px;
}

IE中水平滚动区域的问题？

1 个答案: