abs-pos-border-offset-003-ref.html (799B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <style> 4 .container { 5 width: 80px; 6 height: 100px; 7 background-color: green; 8 margin-bottom: 10px; 9 position: relative; 10 } 11 12 .item { 13 position: absolute; 14 width: 30px; 15 height: 35px; 16 background-color: blue; 17 } 18 </style> 19 <div class="container"> 20 <div class="item" style="left: 65px; top: 10px;"></div> 21 </div> 22 <div class="container"> 23 <div class="item" style="left: 55px; top: 30px;"></div> 24 </div> 25 <div class="container"> 26 <div class="item" style="left: 55px; top: 30px;"></div> 27 </div> 28 <div class="container"> 29 <div class="item" style="left: 55px; top: 30px;"></div> 30 </div> 31 <div class="container"> 32 <div class="item" style="left: 65px; top: 45px;"></div> 33 </div> 34 <div class="container"> 35 <div class="item" style="left: 65px; top: 10px;"></div> 36 </div>