auto-block-size-absolute-ref.html (599B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 position: relative; 5 margin: 20px 0; 6 width: 200px; 7 height: 200px; 8 border: solid 2px; 9 } 10 11 .result { 12 position: absolute; 13 background: green; 14 } 15 </style> 16 <div class="container"> 17 <div class="result" style="width: 100px; height: 100px; bottom: 0px;"></div> 18 </div> 19 <div class="container"> 20 <div class="result" style="width: 100px; height: 200px;"></div> 21 </div> 22 <div class="container"> 23 <div class="result" style="width: 100px; height: 100px;"></div> 24 </div> 25 <div class="container"> 26 <div class="result" style="width: 200px; height: 100px;"></div> 27 </div>