Le positionnement des éléments div horizontalement et non verticalement

Im conception d'une barre de navigation; et onglet des liens sont faits par les CSS formes. Pour cela, j'utilise beaucoup de position: absolute sur des éléments d'enfant, et j'ai des parent les contenants mis à position: relative. J'ai aussi un hard hauteur et beaucoup de largeur pour eux, et il ne fonctionnera pas. Pas même avec l'aide de overflow: ... Mon onglet boîtes de positions verticalement, peu importe quoi.

Je n'ai aucune idée à ce point.

Divs à l'intérieur "navBox" class div ont position: absolute.

Cliquez sur ici (jsfiddle) pour le code HTML et CSS, et de regarder les résultats de sortie.

Merci d'avance

pouvez-vous mettre un violon à jsfiddle.net
Êtes-vous à l'aide float:left; quelque part ou display:inline-block; vous avez besoin de montrer un peu de css
Posté code et résultat ici jsfiddle.net/qLKg7/1

OriginalL'auteur gorn | 2012-12-18

  1. 12

    Vous avez besoin de votre .navBox classe de display: inline-block. Naturellement, le div élément est définie pour afficher le bloc qui donne l'élément par défaut d'une largeur de 100%. Aussi, la liste de vos éléments de float: left car, par défaut, une liste est affichée verticalement, flottant à gauche vous permet d'afficher la liste horizontale

    mis à jour jsFiddle: http://jsfiddle.net/qLKg7/4/

    merci ;D +1

    OriginalL'auteur Eric Goncalves

  2. 1

    CSS: display: inline ou display:inline-block.

    OriginalL'auteur ATOzTOA