fixedpos-008-print-ref.html (1352B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 body { margin: 0; } 5 </style> 6 <div style="margin-top:4em;"> 7 There should be six pages. 8 </div> 9 <div style="position:absolute; top:0;"> 10 This should be repeated on every page. 11 </div> 12 <div style="position:absolute; top:100vh;"> 13 This should be repeated on every page. 14 </div> 15 <div style="position:absolute; top:200vh;"> 16 This should be repeated on every page. 17 </div> 18 <div style="position:absolute; top:300vh;"> 19 This should be repeated on every page. 20 </div> 21 <div style="position:absolute; top:400vh;"> 22 This should be repeated on every page. 23 </div> 24 <div style="position:absolute; top:500vh;"> 25 This should be repeated on every page. 26 </div> 27 <div style="position:absolute; bottom:0;"> 28 This should also be repeated on every page. 29 </div> 30 <div style="position:absolute; bottom:-100vh;"> 31 This should also be repeated on every page. 32 </div> 33 <div style="position:absolute; bottom:-200vh;"> 34 This should also be repeated on every page. 35 </div> 36 <div style="position:absolute; bottom:-300vh;"> 37 This should also be repeated on every page. 38 </div> 39 <div style="position:absolute; bottom:-400vh;"> 40 This should also be repeated on every page. 41 </div> 42 <div style="position:absolute; bottom:-500vh;"> 43 This should also be repeated on every page. 44 </div>