position-fixed-on-square-content-ref.html (460B)
1 <!DOCTYPE html> 2 <meta name="viewport" content="width=device-width"> 3 <style> 4 html, body { 5 margin: 0; 6 width: 100%; 7 height: 100%; 8 scrollbar-width: none; /* avoid drawing scrollbars */ 9 } 10 #square { 11 width: 100vw; 12 height: 100vw; 13 position: absolute; 14 background-color: green; 15 } 16 #fixed { 17 width: 200px; 18 height: 200px; 19 background-color: green; 20 position: fixed; 21 bottom: 0px; 22 right: 0px; 23 } 24 </style> 25 <div id="square"></div> 26 <div id="fixed"></div>