Positioning HTML elements may be the hardest but most rewarding things you can master. What you will learn on the next few pages is the reason for the compelxity. There are four ways a browser can interpret the size styles you just learned about:
- position:static is the default behaviour if you do not set it - the element just appears where it is in the flow of the HTML
- position:relative allows you to set the position relative to the position it would have been in using static
- position:absolute allows you to set the position relative to its parent element (e.g. an image within a DIV)
- position:fixed allows you to set the position on the page ignoring any other elements
These are explained next.
