CSS positioning types
- static - original position of the box
- relative - relative to the static position
- can assign z-index
- any child node are statically position within the box
- absolute - allocated on a fixed position on screen
- removed from the flow (no impact to other element)
- fixed - such element is relative to the view port
- sticky - behaves just like static, but will remain fixed if the parent element still have room