Pozycjonowanie elementów div w poziomie, a nie w pionie

Question

Im projektowanie paska nawigacyjnego; i zakładki w nim są tworzone przez kształty CSS. Do tego używam dużo position: absolute na elementach potomnych i mam pojemniki nadrzędne ustawione na position: relative. Ustawiłem też dla nich twardą wysokość i dużą szerokość, która nie zadziała. Nawet przy użyciu overflow: ... Moje tabulatory ułożone są pionowo, bez względu na wszystko.

Nie mam pojęcia w tym momencie.

Divy wewnątrz div klasy "navBox" mają position: absolute.

Kliknij przycisk here (jsfiddle) dla kodu HTML i CSS i obejrzyj wyniki wydruku.

góry dzięki

Answer 1

Trzeba swoją klasę do display: inline-block.navBox. Naturalnie element div jest ustawiony na wyświetlanie bloku, który domyślnie daje elementowi szerokość 100%. Również swoje elementy listy, aby float: left ponieważ domyślnie listę jest wyświetlany pionowo, pływające w lewo pozwala na wyświetlenie listy poziomą

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

Answer 2

CSS: display: inline lub display:inline-block.