Positioning in CSS
static
- the default. Not a positioned elementrelative
- doesn’t take an element out of flowabsolute
- takes an element out of flow
Note that positioning can change element’s perceived width, even if after translation it is normal again. Use width: 100%
to avoid this effect.