molily: 3-spaltiges Layout -> 1-spaltiges Layout

Beitrag lesen

Hallo,

ich behaupte mal, dass ein solches Layout (bzw. konkret die Serialisierung) mit float nicht möglich ist. Floats stapeln sich immer in Floatrichtung. Man könnte der Mittelspalte float: none geben, aber dann fangen die Boxen 4 und 5 erst darunter an.

Dass man da irgendwie tricksen kann mit negativen Margins usw., schließe ich nicht aus, aber robust wird das Layout dadurch nicht.

So ein Layout ist vielleicht mit Flexbox möglich, da sich dort die Reihenfolge bestimmen lässt. Wobei Flexbox eine Haupt-Fließrichtung kennt, in der sich die Boxen stapeln. Will man Boxen in zwei Dimensionen verteilen, braucht man verschachtelte Flex-Container. Dadurch fällt die Kontrolle bei der Serialisierung wieder weg, soweit ich weiß.

Grüße,
Mathias