Die Sichtbarkeit der Elemente im Stapel wird mit über die Z-Achse für Elemente mit #relative, #absolute und #fixed eingestellt.
Archive for the ‘Layout’ Category
Display Table
Alle tabellenbezogenen Elemente haben einen eigenen Wert für #display und das erklärt ihr Verhalten. Die voreingestellten Werte für #display setzen die Elemente der Tabelle an die vorgesehene Position. So wandert #tfoot nach unten.
display: none und Animation
Wird der Wert bei Display: NONE geändert können damit auch Animationen gestartet werden. In Kombination mit :hover werden über dieses Prinzip häufig Submenus in Navigationen erstellt.
flex
Die beiden Module #flex und #grid ergänzen sich. Für das Layout auf Micro-Ebene, z.B. eine Navigation oder Galerie, bietet #flex viele praktische Möglichkeiten.
Flex Box
Anwendungsbeispiele für typische Flex-Komponenten