10.6.4 Absolutely positioned, non-replaced elements

Chapter 10 - Visual formatting model details - 10.6.4 Absolutely positioned, non-replaced elements

Go to the relevant page of the specification.

absolute-non-replaced-height-001
Absolutely positioned, non-replaced elements, static position of fixed element
The calculation of static position is based on initial containing block when there is a fixed positioned element.
absolute-non-replaced-height-002 (ahem)
Absolutely positioned, non-replaced elements, shrinks-to-fit height
The used value for absolutely positioned elements shrinks-to-fit height.
absolute-non-replaced-height-003
Absolutely positioned, non-replaced elements, vertical centering
An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.
absolute-non-replaced-height-004
Absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
When 'top', 'bottom', 'height' and 'margin-bottom' of an absolutely positioned, non-replaced element are all not 'auto' while its 'margin-top' is 'auto', then 'margin-top' becomes the remainder of the height of its containing block.
absolute-non-replaced-height-005
Absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.
absolute-non-replaced-height-006
Absolutely positioned, non-replaced elements, over-constrained
The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.
absolute-non-replaced-height-007 (ahem)
Absolutely positioned, non-replaced elements, shrink-to-fit solve for top
Verify that height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.
absolute-non-replaced-height-008
Absolutely positioned, non-replaced elements, 'top' set to static position
When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.
absolute-non-replaced-height-009 (ahem)
Absolutely positioned, non-replaced elements, height is shrink-to-fit
The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.
absolute-non-replaced-height-010
Absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top' is 'auto' and 'height' and 'bottom' are not 'auto'.
absolute-non-replaced-height-011
Absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.
absolute-non-replaced-height-012
Absolutely positioned, non-replaced elements, solve for 'bottom'
When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.
absolute-non-replaced-max-height-001
Max-height on absolutely positioned, non-replaced elements, static position of fixed element
The calculation of static position is based on initial containing block when there is a fixed positioned element.
absolute-non-replaced-max-height-002 (ahem)
Max-height on absolutely positioned, non-replaced elements
When 'top', 'height', and 'bottom' of an absolutely positioned element are 'auto', then set 'top' to the static position and make 'height' based on the content; such height may be constrained by a given 'max-height' value.
absolute-non-replaced-max-height-003
Max-height on absolutely positioned, non-replaced elements, vertical centering
An absolutely positioned non-replaced element's padding box (which is the area painted by background-color of the element) will be vertically centered within its containing block only if both 'margin-top' and 'margin-bottom' have equal values and if 'top' and 'bottom' have equal values. An absolutely positioned non-replaced element's margin box will be vertically centered within its containing block only if 'top' and 'bottom' have equal values.
absolute-non-replaced-max-height-004
Max-height on absolutely positioned, non-replaced elements, 'margin-top' set to 'auto'
When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is 'auto' and 'margin-bottom' is not 'auto'. Then 'margin-top' becomes the remainder of the height of the containing box.
absolute-non-replaced-max-height-005
Max-height on absolutely positioned, non-replaced elements, 'margin-bottom' set to 'auto'
When 'top', 'bottom' and 'height' are all are not 'auto', 'margin-top' is not 'auto' and 'margin-bottom' is 'auto'. Then 'margin-bottom' becomes the remainder of the height of the containing box.
absolute-non-replaced-max-height-006
Max-height on absolutely positioned, non-replaced elements, over-constrained
The 'bottom' value is ignored and the equation solves for the bottom value, when the values for 'top', 'bottom', 'height', 'margin-top', 'margin-bottom' add up to more than the containing blocks height.
absolute-non-replaced-max-height-007 (ahem)
Max-height on absolutely positioned, non-replaced elements, shrink-to-fit solve for top
The height is based on the overall height of the content, 'margin-top', 'auto' is set to '0' and solve for 'top', when 'top' and 'height' are both 'auto' and 'bottom' is not 'auto'.
absolute-non-replaced-max-height-008
Max-height on absolutely positioned, non-replaced elements, 'top' set to static position
When 'top' is set to the static position and any 'auto' values for top and bottom margin are set to '0', when 'top' and 'bottom' are 'auto' and 'height' is not 'auto'.
absolute-non-replaced-max-height-009 (ahem)
Max-height on absolutely positioned, non-replaced elements, height is shrink-to-fit
The 'height' is based on the content height, 'auto' values for 'margin-top' and 'margin-bottom' are set to '0' when 'height' and 'bottom' are 'auto' and 'top' is not 'auto'.
absolute-non-replaced-max-height-010
Max-height on absolutely positioned, non-replaced elements, 'margin-top' and 'margin-bottom' set to '0'
The 'auto' values for 'margin-top' and 'margin-bottom' are set to '0', when 'top', 'height' and 'bottom' are all not auto.
absolute-non-replaced-max-height-011
Max-height on absolutely positioned, non-replaced elements, 'height' based on 'top' and 'bottom' positions
The 'auto' values on 'margin-top', 'margin-bottom' are set to '0' and the 'height' is the remaining space between the 'top' and 'bottom' positions, when 'height' is 'auto' and 'top' and 'bottom' are both not 'auto'.
absolute-non-replaced-max-height-012
Max-height on absolutely positioned, non-replaced elements, solve for 'bottom'
When 'margin-top' and 'margin-bottom' are set to '0' the 'bottom' value resolves to the remaining space within the containing block.