2012-12-18 5 views
5

Im Entwurf einer Navigationsleiste; und Tab-Links darin werden von CSS-Shapes erstellt. Dafür verwende ich viele position: absolute auf untergeordnete Elemente, und ich habe übergeordnete Container auf position: relative festgelegt. Ich habe auch eine harte Höhe und viel Breite für sie, und es wird nicht funktionieren. Nicht einmal mit overflow: ... Meine Registerkarten positionieren sich vertikal, egal was passiert.Positionierung von div Elementen horizontal, nicht vertikal

Ich habe keine Ahnung an dieser Stelle.

Divs innerhalb "navBox" Klasse div haben position: absolute.

Klicken Sie auf here (jsfiddle) für HTML- und CSS-Code und sehen Sie sich die Ausgabeergebnisse an.

Vielen Dank im Voraus

+2

können Sie eine Fiddle bei jsfiddle.net einrichten – defau1t

+2

Verwenden Sie float: links; irgendwo oder Anzeige: Inline-Block; Sie müssen einige css zeigen – defau1t

+0

Posted Code und Ergebnis hier http://jsfiddle.net/qLKg7/1/ – gorn

Antwort

7

Sie benötigen .navBox Klasse display: inline-block. Natürlich ist das div Element auf Anzeigeblock eingestellt, der dem Element standardmäßig eine Breite von 100% gibt. Auch Ihre Listenelemente float: left weil durch eine Liste standardmäßig vertikal angezeigt wird, links floating können Sie die Liste horizontal

aktualisiert jsFiddle anzuzeigen: http://jsfiddle.net/qLKg7/4/

+0

danke, D +1 –

0

CSS: display: inline oder display:inline-block.