代码之家 › 专栏 › 技术社区 › Rigobert Song

IE中的水平滚动区域有问题吗?

css html

Rigobert Song · 技术社区 · 16 年前

我有以下标记:

<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中垂直包裹并溢出?

我尝试过使用word wrap,但没有成功!

我的CSS/HTML有什么问题吗??

谢谢

1 回复 | 直到 16 年前

Fenton 16 年前

#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;
}

推荐文章