Bin Anfänger und versuche anhand eines vorhandenen Sample zu lernen und habe 2 Fragen.
Was ich weiß:
a) durch das Setzen von position:absolute
ist das Element außerhalbs des Normal Flow.
- Das Element wird anhand jenes Vorfahrenelementes positioniert, das nicht static ist. Gibt es solch ein Element nicht, wird es anhand des Fensters (Viewport) positioniert.
Korrekt? Dann zu meinen 2 Fragen:
Frage1:
https://codepen.io/wilmaed/pen/yzEjBG
wenn ich position: absolute;
entferne, dann hat es eine optische Wirkung von vertical-align: bottom.
Ich setze absolute
im Container ul. Warum hat das eine Auswirkung auf die Kinder?
Wenn die Kinder rauf/runter geschoben werden: wo ist der Bezugspunkt?
Frage2: wo kommt der schwarze Abstand links her? Die Whitespace im div/ul/ul sind nicht die Ursache (hab das Entfernen probiert, da display:inline-block verwendet wird)
Der Code ist das Grundgerüst von: https://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/
Danke vielmals