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.