Skip to content

Commit 3997e8b

Browse files
committed
[css-grid] Reword the abspos note to make it clearer that abspos elements don't affect the layout of the grid.
1 parent 7f925b7 commit 3997e8b

2 files changed

Lines changed: 8 additions & 2 deletions

File tree

css-grid/Overview.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -774,9 +774,12 @@ <h3 data-level=4.2 id=abspos-items><span class=secno>4.2 </span><span class=cont
774774
In this case, an <a data-link-for="<grid-line>" data-link-type=value href=#grid-placement-auto>auto</a> value for a <a href=#grid-placement-properties>grid-placement property</a> indicates the corresponding padding edge of the <a href=#grid-container>grid container</a>.
775775

776776
<p class=note>
777-
This can allow an abspos to "skip past" intervening grid containers,
777+
Absolute positioning can allow an element to skip past intervening grid containers,
778778
and resolve its grid-placement properties against a grid container
779779
other than its closest ancestor.
780+
However, as in other forms of CSS layout,
781+
elements that are absolutely-positioned to a <a href=#grid-container>grid container</a>
782+
do not take up space or otherwise participate in the layout of the grid.
780783

781784
<h3 data-level=4.3 id=visibility-collapse><span class=secno>4.3 </span><span class=content>
782785
Collapsed Grid Items: the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility title=visibility>visibility</a> property</span><a class=section-link href=#visibility-collapse>§</a></h3>

css-grid/Overview.src.html

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -688,9 +688,12 @@ <h3 id="abspos-items">
688688
In this case, an <a value for="<grid-line>">auto</a> value for a <a>grid-placement property</a> indicates the corresponding padding edge of the <a>grid container</a>.
689689

690690
<p class='note'>
691-
This can allow an abspos to "skip past" intervening grid containers,
691+
Absolute positioning can allow an element to skip past intervening grid containers,
692692
and resolve its grid-placement properties against a grid container
693693
other than its closest ancestor.
694+
However, as in other forms of CSS layout,
695+
elements that are absolutely-positioned to a <a>grid container</a>
696+
do not take up space or otherwise participate in the layout of the grid.
694697

695698
<h3 id="visibility-collapse">
696699
Collapsed Grid Items: the 'visibility' property</h3>

0 commit comments

Comments
 (0)