monolithic-overflow-017-print-ref.html (798B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 :root { 5 print-color-adjust: exact; 6 } 7 body { margin: 0; } 8 </style> 9 <div style="line-height:20px;"> 10 <div style="position:absolute; width:100%; bottom:0; background:hotpink;">footer</div> 11 <div style="position:absolute; width:100%; bottom:-100vh; background:hotpink;">footer</div> 12 <div style="position:absolute; width:100%; bottom:-200vh; background:hotpink;">footer</div> 13 <div style="height:calc(300vh - 25px); background:black;"></div> 14 <div style="break-before:page;">PASS</div> 15 <div style="background:hotpink;"> 16 footer 17 </div> 18 </div> 19 There should be a footer on every page, and the word PASS should be seen here, 20 on the fourth page, just above the final footer.<br>