web-dev-qa-db-ja.com

div要素を垂直ではなく水平に配置する

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

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

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

HTMLおよびCSSコードの ここ(jsfiddle) をクリックして、出力結果を確認します。

前もって感謝します

10
gorn

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

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

14
Eric Goncalves

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

3
ATOzTOA