Skip to content

Commit a3e92fd

Browse files
committed
[css-flexbox] Better wording of how order affects abspos in abspos section, as suggested by Rossen.
1 parent a109e1a commit a3e92fd

2 files changed

Lines changed: 347 additions & 116 deletions

File tree

css-flexbox/Overview.bs

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -646,8 +646,9 @@ Flex Items</h2>
646646
<h3 id='abspos-items'>
647647
Absolutely-Positioned Flex Children</h3>
648648

649-
An absolutely-positioned child of a <i>flex container</i> does not participate in flex layout
650-
beyond the <a href="#algo-flex-order">reordering step</a>.
649+
An absolutely-positioned child of a <i>flex container</i> does not participate in flex layout.
650+
However, it does participate in the <a href="#algo-flex-order">reordering step</a> (see 'order'),
651+
which has an effect in their painting order.
651652

652653
The <a href="http://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">static position</a>
653654
of an absolutely-positioned child of a <a>flex container</a>
@@ -660,7 +661,7 @@ Absolutely-Positioned Flex Children</h3>
660661

661662
<div class='note'>
662663
This belongs in Position,
663-
but assume that the <dfn>static position</dfn> of a box
664+
but assume that the <dfn>static position rectangle</dfn> of a box
664665
is a rectangle,
665666
usually (i.e. in block layout) corresponding to
666667
the position of the “hypothetical box” described in
@@ -670,7 +671,7 @@ Absolutely-Positioned Flex Children</h3>
670671
</div>
671672

672673
The <a>static position</a> of an absolutely positioned child of a <a>flex container</a>
673-
is determined by setting the <a>static position</a> rectangle to the <a>flex container's</a> padding box,
674+
is determined by setting the <a>static position rectangle</a> to the <a>flex container's</a> padding box,
674675
then aligning the absolutely positioned child within this rectangle according to the 'justify-content' value of the <a>flex container</a>
675676
and the 'align-self' value of the child itself.
676677

0 commit comments

Comments
 (0)