CSS水平メニュー

Question

6つのタブからなるメニューがあります。そのうちの4つは任意の時点で表示されます。このdivタグのビューポートを制御するためにjavascriptを使用したいと思います。私は現在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>