CSS水平菜单

Question

我想要一个包含6个标签的菜单，其中4个标签在任何给定点都可见。我想用javascript来控制这个div标签的视口。我目前有4个标签显示，但我看不到视口之外的右边的其他标签（我应该看到它们给出标签的宽度）... overflow:hidden不是我应该的在做什么？

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

Answer 1

overflow: hidden会隐藏容器区域之外的所有内容。如果您希望容器区域之外的内容可见，则应使用overflow: visible。

很难从你的问题中确切地知道你正在尝试做什么。

Answer 2

您似乎正在将标签与其父级相结合。根据你的问题，我会期待这样的事情：

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