position-fixed-on-square-content.html (563B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=400, height=400"> 3 <!-- 4 width=400 is half of reftest canvas width so that this content should be 5 scaled by 2x. 6 --> 7 <style> 8 html, body { 9 margin: 0; 10 width: 100%; 11 height: 100%; 12 scrollbar-width: none; /* avoid drawing scrollbars */ 13 } 14 #square { 15 width: 100%; 16 height: 100%; 17 position: absolute; 18 background-color: green; 19 } 20 #fixed { 21 width: 100px; 22 height: 100px; 23 background-color: green; 24 position: fixed; 25 bottom: 0px; 26 right: 0px; 27 } 28 </style> 29 <div id="square"></div> 30 <div id="fixed"></div>