monolithic-overflow-031-print-ref.html (823B)
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 { 8 margin: 0; 9 } 10 @page { 11 size: 400px 300px; 12 margin: 0; 13 } 14 </style> 15 <!DOCTYPE html> 16 <div style="height:50px; background:black;"></div> 17 <div style="width:350px; height:0;"> 18 There should be 5 pages. The yellow box should go all the way to the 19 bottom of the fifth page. There should be a black top border at the top of 20 the first page, and a gray bottom border around halfway down on the third 21 page. The yellow box should be on the top of the gray border. 22 </div> 23 <div style="height:0;"> 24 <div style="height:675px;"></div> 25 <div style="height:50px; background:gray;"></div> 26 </div> 27 <div style="width:50%; height:1450px; background:yellow;"></div>