position-absolute-dynamic-static-position-inline.html (753B)
1 <!DOCTYPE html> 2 <link rel="match" href="../reference/ref-filled-green-100px-square-only.html"> 3 <link rel="help" href="https://www.w3.org/TR/css-position-3/" /> 4 <meta name="assert" content="This test checks that the static-position of an absolute positioned element changes, if the display value changes from inline to block." /> 5 <p>Test passes if there is a filled green square.</p> 6 <div style="position: relative; line-height: 0;"> 7 <div style="width: 100px; height: 50px; display: inline-block; background: green;"></div> 8 <div id="target" style="width: 100px; height: 50px; display: inline; position: absolute; background: green;"></div> 9 </div> 10 <script> 11 document.body.offsetTop; 12 document.getElementById('target').style.display = 'block'; 13 </script>