Skip to content

Commit 23cb7a8

Browse files
committed
Actually define how to position once you find the static position.
1 parent e0cec73 commit 23cb7a8

2 files changed

Lines changed: 30 additions & 0 deletions

File tree

css3-flexbox/Overview.html

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1056,6 +1056,23 @@ <h3 id=abspos-items><span class=secno>4.1. </span> Absolutely-Positioned
10561056
href="#flex-item-static-position"><i>static position</i></a> is the
10571057
<i>cross-start edge</i> of the first <i>flex line</i>.
10581058

1059+
<p> If both ‘<code class=property>left</code>’ and ‘<code
1060+
class=property>right</code>’ are ‘<a href="#align-self-auto"><code
1061+
class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
1062+
item</i></a> must be positioned so that its <a
1063+
href="#main-start"><i>main-start</i></a> or <a
1064+
href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
1065+
horizontal axis) is aligned with the <a
1066+
href="#flex-item-static-position"><i>static position</i></a>. If both
1067+
<code class=property>top</code>’ and ‘<code
1068+
class=property>bottom</code>’ are ‘<a href="#align-self-auto"><code
1069+
class=css>auto</code></a>’, the <a href="#flex-item"><i>flex
1070+
item</i></a> must be positioned so that its <a
1071+
href="#main-start"><i>main-start</i></a> or <a
1072+
href="#cross-start"><i>cross-start</i></a> edge (whichever is in the
1073+
vertical axis) is aligned with the <a
1074+
href="#flex-item-static-position"><i>static position</i></a>.
1075+
10591076
<p class=note> These rules are intended to more-or-less match what the
10601077
position would be if the abspos was a 0x0 in-flow flex item that
10611078
participated in flex layout.

css3-flexbox/Overview.src.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -705,6 +705,19 @@ <h3 id='abspos-items'>
705705
that item is in.
706706
Otherwise, the <i>static position</i> is the <i>cross-start edge</i> of the first <i>flex line</i>.
707707

708+
<p>
709+
If both 'left' and 'right' are ''auto'',
710+
the <i>flex item</i> must be positioned so that
711+
its <i>main-start</i> or <i>cross-start</i> edge
712+
(whichever is in the horizontal axis)
713+
is aligned with the <i>static position</i>.
714+
If both 'top' and 'bottom' are ''auto'',
715+
the <i>flex item</i> must be positioned so that
716+
its <i>main-start</i> or <i>cross-start</i> edge
717+
(whichever is in the vertical axis)
718+
is aligned with the <i>static position</i>.
719+
720+
708721
<p class='note'>
709722
These rules are intended to more-or-less match
710723
what the position would be if the abspos was a 0x0 in-flow flex item

0 commit comments

Comments
 (0)