block-axis-constraint-changes-for-out-of-flow-box.html (836B)
1 <!DOCTYPE html> 2 <link rel="help" href="https://drafts.csswg.org/css-position"> 3 <link rel="match" href="block-axis-constraint-changes-for-out-of-flow-box-ref.html"> 4 <meta name="assert" content="top anchored abs pos child moves when containing block border changes."> 5 <style> 6 .parent_block { 7 position: relative; 8 width: 200px; 9 height: 100px; 10 box-sizing: border-box; 11 } 12 .child { 13 position: absolute; 14 left: 0px; 15 width: 50px; 16 height: 50px; 17 background-color: green; 18 } 19 </style> 20 <div class=parent_block> 21 <div id=child_top class=child style="top: 0px;"></div> 22 </div> 23 <div class=parent_block> 24 <div id=child_bottom class=child style="bottom: 0px;"></div> 25 </div> 26 <script> 27 document.body.offsetTop; 28 child_top.parentNode.style.borderTop = "50px solid blue"; 29 child_bottom.parentNode.style.borderBottom = "50px solid blue"; 30 </script>