positioned-non-replaced-1.html (707B)
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 #target { 8 position: absolute; 9 background: green; 10 min-width: 50px; 11 min-height: 25px; 12 width: stretch; 13 height: stretch; 14 } 15 </style> 16 <div style="display: flow-root; position: relative; width: 150px; height: 150px; margin-top: -50px; margin-left: -50px;"> 17 <div style="margin-left: 50px; margin-top: 50px;"> 18 <div id="target"></div> 19 </div> 20 </div>