# Drop-Down-Menüs mit CSS

- Startseite
  - Unterseite 1
  - Unterseite 2
  - Unterseite 3
- Seite 2
- Kontakt
  - Formular

## CSS: Exakte Arbeitsweise

Wir müssen bei den Aufzählungen für das Menü

- die Aufzählungspunkte eliminieren (list-style-type:none)
- Genau unterscheiden:
  - Was ist ein Block- und was ist ein Inline-Element?
  - Was ist "margin" und was ist "padding"?
  - "Fließen" die Block-Elemente umeinander?
- die Reihenfolge der Elemente beachten
- darauf achten, dass die Nachbarelemente nicht in Mitleidenscheft gezogen werden...
- und wenigstens addieren und subtrahieren können!

## Hier zur Demo...

Nun ja, was alles so schief gehen kann, wenn man sich nur auf die Intuition verlässt...
Da kommt echt Arbeit auf uns zu - vielleicht hift auch eine weitere Verkapselung der Elemente (Box-in-the Box), aber ist das noch (vor-)lesbar???
Da kommt uns eine weitere CSS-Eigenschaft gerade recht:
`position:`
Allerdings sind deren Werte:
`relative, absolute, static und fixed`
auf den ersten Blick nicht ganz einleuchtend und zudem voneinander abhängig und somit etwas schwer nachzuvollziehen...

###### Impressum | Kontakt | Sitemap