14

ナビゲーションバーを設計しています。その中のタブリンクはCSSシェイプによって作成されます。このために、私は多くのposition: absolute子要素を使用し、親コンテナをに設定していposition: relativeます。また、ハードな高さと十分な幅を設定しましたが、うまくいきません。を使用してもoverflow: ..。私のタブボックスは何があっても垂直に配置されます。

現時点では手がかりがありません。

「navBox」クラスdiv内のDivには。がありposition: absoluteます。

HTMLおよびCSSコードについては、ここをクリック（jsfiddle）して、出力結果を確認してください。

前もって感謝します

4

2 に答える 2

15

あなたはあなたの.navBoxクラスが必要display: inline-blockです。当然、div要素は表示ブロックに設定され、デフォルトで要素の幅は100％になります。また、デフォルトではリストが垂直に表示されるため、リストアイテムをfloat: left左にフローティングすると、リストを水平に表示できます。

更新されたjsFiddle：http: //jsfiddle.net/qLKg7/4/

于 2012-12-18T15:56:45.950 に答える
5

CSS：display: inlineまたはdisplay:inline-block。

于 2012-12-18T15:58:57.367 に答える