transform-containing-block-and-scrolling-area-for-fixed-ref.html (468B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <link rel="author" title="Martin Robinson" href="mailto:mrobinson@igalia.com"> 4 <style> 5 html, body { margin: 0; padding: 0 } 6 #transformed { 7 margin-left: 10px; 8 margin-top: 10px; 9 width: 200px; 10 height: 200px; 11 background: grey; 12 } 13 14 #fixed { 15 width: 50px; 16 height: 50px; 17 background: green; 18 } 19 </style> 20 21 <body> 22 <div id="transformed"> 23 <div id="fixed"></div> 24 </div> 25 </body> 26 </html>