liquide aber dennoch strukturierte navigationsanordnung

[Beat]

Denke an eine Breadcrumb Navigation (horizontale Hierarchie)
Start > SektionA > GruppeA1 > Seite_1a
        |SektionB] |GruppeA2| |Seite_1b|
                   |GruppeA3| |Seite_1c|
                              |Seite_1d|
Nun stelle dir vor, dass bei hover über einen der Teile ein dropdown-Menu alle alternativen listet

danke für den vorschlag, und was hierbei machen, wenn der vieport zu schmal wird für die "spalten"? einfach umbrechen? dann hat man aber einen seltsamen hover-js-effekt ...

In dem Fall würde ich JS zu Hilfe nehmen.
Ab einer bestimmten Viewport-Breite wird dann nur noch das letzte Dropdown angezeigt. Es kann dann also umbrechen, ohne einen unbedienbaren Zustand zu erzeugen.
Stichwort: Klassen via JS umschalten
Der Default wäre, dass ohne JS überhaupt nur ein Dropdown zur Verfügung steht, bei ausreihend Platz aber dann die zwischen-hierarchischen Dropdowns auch mit der entsprechenden Klassen versehen werden.

wie würde ich überhaupt in Grundzügen, eine verschachtelte liste so css-formatieren. und wo im quelltext sind dann für js die unterebenen untergebracht?

Darüber muss ich noch etwas nachdenken...

mfg Beat