Posizionamento di elementi div orizzontalmente, non verticalmente

Question

Im progettazione di una barra di navigazione; e i collegamenti a schede in esso sono fatti da forme CSS. Per questo uso un sacco di position: absolute su elementi figlio e ho i contenitori padre impostati su position: relative. Ho anche impostato un'altezza rigida e una larghezza sufficiente per loro, e non funzionerà. Nemmeno con l'utilizzo di overflow: ... Le mie caselle di tabulazione si posizionano verticalmente a prescindere da cosa.

Non ho alcun indizio a questo punto.

Le div all'interno del div di classe "navBox" hanno position: absolute.

Fare clic su here (jsfiddle) per codice HTML e CSS e guardare i risultati di output.

Grazie in anticipo

Answer 1

avete bisogno della vostra classe .navBox a display: inline-block. Naturalmente l'elemento div è impostato su blocco di visualizzazione che fornisce all'elemento una larghezza predefinita del 100%. Inoltre, elencare i tuoi articoli a float: left perché per impostazione predefinita viene visualizzato un elenco verticale, a sinistra galleggiante consente di visualizzare l'elenco orizzontale

aggiornato jsFiddle: http://jsfiddle.net/qLKg7/4/

Answer 2

CSS: display: inline o display:inline-block.