Skip to content

Commit a9b7c44

Browse files
committed
Shift the paragraphs about abspos flexbox items to their own section.
1 parent 4e83fe9 commit a9b7c44

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

css3-flexbox/Overview.src.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,9 @@ <h3 id='flex-items'>
187187
<p>Notice that block element "not-an-item6.3" is not a separate flexbox item, because it is contained inside an inline element which is being wrapped into an anonymous flex item. Similarly, the block element "not-an-item1.5" is not a flexbox item, because it's absolutely positioned and thus out of flow.</p>
188188
</div>
189189

190+
<h4 id='abspos-flexbox-items'>
191+
Positioning Absolutely Positioned Flexbox Items</h4>
192+
190193
<p>Absolutely positioned children of a flexbox are not <i>flexbox items</i>, but their "static position" (their position when the 'top'/'right'/'bottom'/'left' properties are ''auto'') responds somewhat to the flexbox's various properties. The element's static position in the flexbox's <i>cross axis</i> is on the <i>cross-start</i> edge of the flexbox's content box. The static position in the flexbox's <i>main axis</i> is slightly more complex to compute:</p>
191194

192195
<p>First, find the element's <dfn>hypothetical neighbors</dfn> by assuming that the element is a normal <i>flexbox item</i> with ''flex-order:0'', and reorder the flexbox's contents as mandated by 'flex-order'. The <i>flexbox items</i> immediately preceding and following the element in the flexbox's direction (if any) are the element's <i>hypothetical neighbors</i>.</p>

0 commit comments

Comments
 (0)