position-relative-table-top-ref.html (614B)
1 <!DOCTYPE html> 2 <title>Reference for position:relative top constraint should behave correctly for table part elements</title> 3 <style> 4 table { 5 border-collapse:collapse; 6 } 7 8 td { 9 padding: 0; 10 } 11 12 td > div { 13 height: 50px; 14 width: 50px; 15 } 16 17 .group { 18 display: inline-block; 19 position: relative; 20 width: 150px; 21 height: 200px; 22 } 23 24 .indicator { 25 position: absolute; 26 background-color: green; 27 left: 0; 28 top: 100px; 29 height: 50px; 30 width: 50px; 31 } 32 33 </style> 34 35 <div class="group"> 36 <div> 37 <div class="indicator"></div> 38 </div> 39 </div> 40 41 <div>You should see a green box above. No red should be visible.</div>