Four values for the position property are...
- static (default)
- relative
- absolute *
- fixed
Static positioning is the default position value, which causes elements to stack one on top of the other separated by default margin settings. Paragraphs 1, 2 & 4 below use default positioning. The position value is set to absolute in paragraph 3. Although the values for top and left are the same as they were for relative positioning, the space occupied by the paragraph's original static position is not retained and it has moved up, and it is now positioned with respect to the the center container, which is the ancestor element in its positioning context.
I am PARAGRAPH 2 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings.
I am PARAGRAPH 2 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings.
I am PARAGRAPH 3 with my position value set to absolute. Although the values for top and left are the same as they were for relative positioning, the space occupied by my original static position is not retained and I have moved up, and I am now positioned with respect to the the center container, which is the ancestor element in my positioning context.
I am PARAGRAPH 4 with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings. I am a paragraph with with no assigned position property. By default I use static positioning which causes elements to stack one on top of the other separated by default margin settings.
