Wie kann ich mehrere Inline-Block-Divs in einem Container ausrichten, ohne ihren Fluss zu verlieren?

8

Dies ist für ein sehr einfaches Balkendiagramm, an dem ich gerade arbeite,

%Vor%

Wenn ich den Container auf relativ und die inneren divs auf absolute & amp; unten: 0, dann überlappen sie sich alle. Sie fließen gut ohne die absolute Positionierung, aber dann ist das Balkendiagramm auf dem Kopf.

Hinweis: Meine Absicht war, den Inline-Fluss der Balken beizubehalten und die horizontalen Positionen nicht explizit anzugeben.

Hier ist ein besseres Beispiel für das Problem.

Ссылка

%Vor%

css

%Vor%

Gibt es also einen besseren Weg, wie mit dem webkit flexbox oder so etwas?

    
Benjamin 17.06.2012, 03:56
quelle

3 Antworten

1

Dies funktioniert in meinem Browser (Chrome 19)

html

%Vor%

css

%Vor%

Ссылка

    
Benjamin 19.06.2012, 01:15
quelle
2

Funktioniert bei absolut positionierter Position für mich:

%Vor%

Geige hier.

    
Daniel Szabo 17.06.2012 04:07
quelle
1

Hier ist ein anderer Ansatz. Es braucht eine zusätzliche Hülle um jeden Balken. Die Idee ist, mehrere Spalten .bar-container zu erstellen, die die korrekte Breite der Balken und die gesamte Höhe von #graph umfassen.

%Vor%     
Jrod 19.06.2012 02:11
quelle