ナビゲーションバーを設計しています。その中のタブリンクはCSSシェイプによって作成されます。このために、子要素で多くのposition: absolute
を使用し、親コンテナをposition: relative
に設定しています。また、ハードな高さと十分な幅を設定しましたが、機能しません。 overflow: ..
を使用しても。私のタブボックスは、何があっても垂直に配置されます。
現時点では手掛かりはありません。
「navBox」クラスdiv内のdivにはposition: absolute
があります。
HTMLおよびCSSコードの ここ(jsfiddle) をクリックして、出力結果を確認します。
前もって感謝します
.navBox
クラスからdisplay: inline-block
が必要です。当然、div
要素は、要素にデフォルトで100%の幅を与える表示ブロックに設定されます。また、リストアイテムはデフォルトでfloat: left
になります。デフォルトではリストは垂直に表示され、左にフローティングすると、リストを水平に表示できます
更新されたjsFiddle: http://jsfiddle.net/qLKg7/4/
CSS:display: inline
またはdisplay:inline-block
。