@@ -659,26 +659,28 @@ Absolutely-Positioned Flex Children</h3>
659659
660660 <hr>
661661
662- <div class='note'>
663- This belongs in Position,
664- but assume that the <dfn>static position rectangle</dfn> of a box
665- is a rectangle,
666- usually (i.e. in block layout) corresponding to
667- the position of the “hypothetical box” described in
668- <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">CSS2.1§10.3.7</a> .
669- The abspos is then aligned within this rectangle by applying 'top' /etc offsets,
670- then, by default, aligning it to the <a>block-start</a> <a>inline-start</a> corner.
671- </div>
672-
673- The <a>static position</a> of an absolutely positioned child of a <a>flex container</a>
674- is determined by setting the <a>static position rectangle</a> to the <a>flex container's</a> padding box,
675- then aligning the absolutely positioned child within this rectangle according to the 'justify-content' value of the <a>flex container</a>
662+ In other words,
663+ the <a>static position</a> of an absolutely positioned child of a <a>flex container</a>
664+ is determined by setting its <a>static-position rectangle</a> to the <a>flex container's</a> content box,
665+ then aligning the absolutely positioned child within this rectangle
666+ according to the 'justify-content' value of the <a>flex container</a>
676667 and the 'align-self' value of the child itself.
677668
678669 <div class='example'>
679670 The effect of this is that if you set, for example,
680671 ''align-content: center;'' on an absolutely-positioned child of a <a>flex container</a> ,
681- the child will be centered in the <a>flex container's</a> <a>cross axis</a> .
672+ the child’s static position will center it in the <a>flex container's</a> <a>cross axis</a> .
673+ </div>
674+
675+ <div class="note">
676+ The <dfn>static-position rectangle</dfn> is the <a>alignment container</a>
677+ used to determine the static-position offsets of an absolutely-positioned box.
678+ In block layout it corresponds to the position of the “hypothetical box”
679+ described in <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">CSS2.1§10.3.7</a> .
680+ (Since it has no alignment properties,
681+ CSS2.1 always uses a <i> block-start</i> <i> inline-start</i> alignment
682+ of the absolutely-positioned box within the <i> static-position rectangle</i> .)
683+ Note that this definition will eventually move to the CSS Positioning module.
682684 </div>
683685
684686<h3 id='item-margins'>
0 commit comments