Skip to content

Commit f3259ec

Browse files
committed
[css-flexbox] Fix static position rectangle definition to be correct, since previous checkin broke it.
1 parent f2510a6 commit f3259ec

2 files changed

Lines changed: 365 additions & 133 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 17 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -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&sect;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

Comments
 (0)