absolute-ref.html (809B)
1 <!DOCTYPE html> 2 <style> 3 .test { 4 background: green; 5 position: absolute; 6 } 7 8 .container-1 { 9 border: solid 2px; 10 position: relative; 11 height: 200px; 12 width: 300px; 13 } 14 15 .container-2 { 16 border: solid 2px; 17 position: relative; 18 height: 25px; 19 width: 25px; 20 } 21 22 .horizontal { 23 writing-mode: horizontal-tb; 24 } 25 26 .vertical { 27 writing-mode: vertical-rl; 28 } 29 30 </style> 31 32 <div class="container-1"> 33 <div class="horizontal test" style="height: 100px; width: 100px; bottom: 0px;"></div> 34 <div class="vertical test" style="height: 100px; width: 100px; right: 0px;"></div> 35 </div> 36 37 <div class="container-2"> 38 <div class="horizontal test" style="height: 25px; width: 50px; bottom: 0px;"></div> 39 </div> 40 41 <div class="container-2"> 42 <div class="vertical test" style="height: 50px; width: 25px; right: 0px;"></div> 43 </div>