Skip to content

Commit ac090f0

Browse files
committed
[css-position-3] Merge fixedpos containing block definitions. #5028
1 parent cd5aa74 commit ac090f0

File tree

1 file changed

+27
-38
lines changed

1 file changed

+27
-38
lines changed

css-position-3/Overview.bs

+27-38
Original file line numberDiff line numberDiff line change
@@ -340,15 +340,32 @@ Containing Blocks of Positioned Boxes</h3>
340340
with the bounds of the [=containing block=]
341341
determined identically to the [=absolute positioning containing block=].
342342

343-
If no ancestor establishes one,
344-
the [=fixed positioning containing block=] is
345-
the [=viewport=] in the case of [=continuous media=],
346-
or the [=page area=] in the case of [=paged media=].
347-
See [[#fixpos-insets]].
348-
349343
Note: Properties that can cause a box to establish
350-
an [=fixed positioning containing block=] include
351-
'transform', 'will-change', 'contain'&hellip;
344+
a [=fixed positioning containing block=] include
345+
'transform', 'will-change', 'contain'&hellip;
346+
347+
If no ancestor establishes one,
348+
the [=fixed positioning containing block=] is:
349+
350+
* in <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>,
351+
the <a>viewport</a>;
352+
as a result, [=fixed=] boxes do not move when the document is scrolled.
353+
354+
Note: In this respect, they are similar to
355+
[[css-backgrounds-3#the-background-attachment|fixed background images]]
356+
(''background-attachment: fixed'').
357+
358+
* in <a href="https://www.w3.org/TR/CSS2/media.html#paged-media-group">paged media</a>,
359+
the [=page area=] of each page;
360+
[=fixed positioned=] [=boxes=] are thus replicated on every page.
361+
(They are fixed with respect to the page box only,
362+
and are not affected by being seen through a [=viewport=];
363+
as in the case of print preview, for example.)
364+
365+
Note: As a result, parts of [=fixed-positioned boxes=]
366+
that extend outside the [=initial containing block=]/[=page area=]
367+
cannot be scrolled to
368+
and will not print.
352369
</dl>
353370

354371
<div class="example">
@@ -658,8 +675,8 @@ Scroll Position of Sticky-Positioned Boxes</h4>
658675
</div>
659676

660677

661-
<h3 id="abspos-insets" oldids="abs-pos">
662-
Absolute Positioning</h3>
678+
<h3 id="abspos-insets" oldids="abs-pos,fixed-pos">
679+
Absolute (and Fixed) Positioning</h3>
663680

664681
For an [=absolutely positioned=] box,
665682
the [=inset properties=] effectively reduce the [=containing block=]
@@ -812,34 +829,6 @@ Fragmenting Absolutely-positioned Elements</h4>
812829
Note: User agents might print invisible content in other ways.
813830
See [[CSS-PAGE-3#content-outside-box]].
814831

815-
816-
<h3 id="fixpos-insets" oldids="fixed-pos">
817-
Fixed positioning</h3>
818-
819-
[=Fixed positioning=] is similar to absolute positioning.
820-
The only difference is that for a [=fixed positioned=] [=box=],
821-
the <a>containing block</a> is:
822-
823-
* in <a href="https://www.w3.org/TR/CSS2/media.html#continuous-media-group">continuous media</a>,
824-
the <a>viewport</a>;
825-
as a result, [=fixed=] boxes do not move when the document is scrolled.
826-
827-
Note: In this respect, they are similar to
828-
<a href="https://www.w3.org/TR/CSS2/colors.html#background-properties">fixed background images</a>.
829-
830-
* in <a href="https://www.w3.org/TR/CSS2/media.html#paged-media-group">paged media</a>,
831-
the [=page area=] of each page;
832-
[=fixed positioned=] [=boxes=] are thus replicated on every page.
833-
(They are fixed with respect to the page box only,
834-
and are not affected by being seen through a [=viewport=];
835-
as in the case of print preview, for example.)
836-
837-
As a result, parts of [=fixed-positioned boxes=]
838-
that extend outside the <a>initial containing block</a>
839-
cannot be scrolled to
840-
and will not print.
841-
842-
843832
<h2 id="abspos-layout">
844833
Absolute Positioning Layout Model</h2>
845834

0 commit comments

Comments
 (0)