@@ -340,15 +340,32 @@ Containing Blocks of Positioned Boxes</h3>
340
340
with the bounds of the [=containing block=]
341
341
determined identically to the [=absolute positioning containing block=] .
342
342
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
-
349
343
Note: Properties that can cause a box to establish
350
- an [=fixed positioning containing block=] include
351
- 'transform' , 'will-change' , 'contain' …
344
+ a [=fixed positioning containing block=] include
345
+ 'transform' , 'will-change' , 'contain' …
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.
352
369
</dl>
353
370
354
371
<div class="example">
@@ -658,8 +675,8 @@ Scroll Position of Sticky-Positioned Boxes</h4>
658
675
</div>
659
676
660
677
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>
663
680
664
681
For an [=absolutely positioned=] box,
665
682
the [=inset properties=] effectively reduce the [=containing block=]
@@ -812,34 +829,6 @@ Fragmenting Absolutely-positioned Elements</h4>
812
829
Note: User agents might print invisible content in other ways.
813
830
See [[CSS-PAGE-3#content-outside-box]] .
814
831
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
-
843
832
<h2 id="abspos-layout">
844
833
Absolute Positioning Layout Model</h2>
845
834
0 commit comments