Skip to content

Commit 22d8e67

Browse files
committed
[css-flexbox] Clarify that abspos positioning is done after doing layout in flexbox.
1 parent 7452f5a commit 22d8e67

2 files changed

Lines changed: 8 additions & 4 deletions

File tree

css-flexbox/Overview.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -706,8 +706,10 @@ <h3 class="heading settled heading" data-level=4.1 id=abspos-items><span class=s
706706
<p> An absolutely-positioned child element of a <a href=#flex-container>flex container</a> does not participate in flex layout
707707
beyond the <a href=#algo-flex-order>reordering step</a>.
708708

709-
<p> Its static position is calculated as if it did participate in flex layout,
710-
but were the sole <a href=#flex-item>flex item</a> in the <a href=#flex-container>flex container</a>.
709+
<p> Its static position is calculated by first doing full flex layout without the absolutely-positioned elements,
710+
then positioning each absolutely-positioned child as if it were the sole <a href=#flex-item>flex item</a>
711+
in the <a href=#flex-container>flex container</a>,
712+
assuming it was a fixed size box of its used size.
711713

712714
<p> For example, by default, the static position of absolutely positioned elements is in the main-start/column-start corner,
713715
corresponding to the default values of <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-align-3/#justify-self title=justify-self>justify-self</a> and <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-align-3/#align-self title=align-self>align-self</a>.

css-flexbox/Overview.src.html

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -618,8 +618,10 @@ <h3 id='abspos-items'>
618618
An absolutely-positioned child element of a <i>flex container</i> does not participate in flex layout
619619
beyond the <a href="#algo-flex-order">reordering step</a>.
620620

621-
Its static position is calculated as if it did participate in flex layout,
622-
but were the sole <a>flex item</a> in the <a>flex container</a>.
621+
Its static position is calculated by first doing full flex layout without the absolutely-positioned elements,
622+
then positioning each absolutely-positioned child as if it were the sole <a>flex item</a>
623+
in the <a>flex container</a>,
624+
assuming it was a fixed size box of its used size.
623625

624626
For example, by default, the static position of absolutely positioned elements is in the main-start/column-start corner,
625627
corresponding to the default values of 'justify-self' and 'align-self'.

0 commit comments

Comments
 (0)