Foundation of Order
position: static is the natural state of any element. Elements are arranged one after another in the order they're written in HTML.
What You Need to Know:
- Ignoring coordinates: The properties
top,right,bottom,left, andz-indexdo not work on static elements. This is the most common beginner mistake — trying to move text without changing its positioning type. - Zero layer specificity: Static elements are always on the lowest rendering layer.
Note
Consider this the " gravity " of the web. Elements simply fall on top of each other top to bottom (for blocks) or line up in a queue (for text).