positioned-replaced-1.html (684B)
1 <!DOCTYPE html> 2 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"> 3 <link rel="help" href="https://github.com/webcompat/web-bugs/issues/103641#issuecomment-1122414992"> 4 <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1324259"> 5 <p>Test passes if there is a filled green square.</p> 6 <style> 7 canvas { 8 position: absolute; 9 background: green; 10 width: stretch; 11 height: stretch; 12 } 13 </style> 14 <div style="display: flow-root; position: relative; width: 150px; height: 150px; margin-top: -50px; margin-left: -50px;"> 15 <div style="margin-left: 50px; margin-top: 50px;"> 16 <canvas width="50" height="25"></canvas> 17 </div> 18 </div>