CSS水平菜单

我想有一个由6个选项卡组成的菜单，其中4个在任何给定点都可见。我想使用javascript来控制这个div标记的视口。我目前有4个选项卡显示，但我没有看到其他选项卡在视口之外的右侧（考虑到选项卡的宽度，我应该可以看到它们）。。。

overflow:hidden

不是我应该做的吗

#sub-navigation .tabs {
position: absolute;
overflow: hidden;
float: left;
width: 808px;
left: 34px;
}

---

overflow:hidden

将隐藏容器区域之外的任何内容。如果希望容器区域外的内容可见，则应使用

溢出：可见

---

但是，很难从你的问题中分辨出你到底想做什么。

看起来你是在把标签和它们的父标签结合起来。根据你的问题，我本以为会发生这样的事情：

<ul> // position:absolute; width:808px;
  <li></li> // float:left; width:?; margin:?;
</ul>

//位置：绝对；宽度：808px；
//浮动：左；宽度：？；保证金：？；

我有点不清楚。您是否使用javascript左右滚动选项卡以查看隐藏的选项卡？否则，overflow hidden将隐藏808px内部未显示的内容。需要查看更多信息才能诊断此问题。需要更多有关标记和CSS的信息。也不知道你的意思是什么…你说你只想显示4，但你现在有一个问题，你只能看到4？