CSS property 'position' (Review)
- Static
-
- Normal Document Flow
- Does not interfere with other elements
- The right, bottom, left, top and z-index properties has no effect
- Relative
-
- Normal Document Flow
- May interfere with other elements
- Absolute -"Where funky stuff happens"
-
- No Normal Document Flow
- May interfere with other elements
- May be relative to parent element and follow it as origin (If parent element or enclosing element given property position: relative;), if not relative it will follow the body element or the element that contains it root of origin
- Its final position is determined by right, bottom, left, top and z-index properties
- Fixed - "Similar to 'absolute' but more in-your-face"
-
- No Normal Document Flow
- May interfere with other elements
- Reference from the root (or body element)
NB: The following properties will effect the position property are... index-z, position:relative, and display.
Feel free to comment or make an corrections. :)
Leave a Comment Markdown supported. Click @usernames to add to comment.