CSS HTML element positioning
January 26, 2012 20:37:45 Last update: January 26, 2012 20:37:45
There are 4 positioning styles in CSS:
- static: this is the default positioning style. Elements are positioned according to the normal flow of the page.
- fixed: the element position is fixed relative to the browser window, i.e., when you scroll, the element does not move with other contents in the page.
- relative: the element is positioned relative to its normal position (i.e., static position). You can use relative positioning to offset an element from its normal position. Other elements are positioned as if the relative positioned element were in its normal position.
- absolute: the element is positioned relative to the first ancestor element that is not static positioned. If all ancestor elements are static positioned, the element is positioned relative to
<html>. Other elements are positioned as if the absolute positioned element were not there.
