position-anchor-005-ref.tentative.html (716B)
1 <!DOCTYPE html> 2 <style> 3 body{ 4 margin: 0; 5 } 6 .wrapper { 7 border: 10px solid grey; 8 border-left-width: 7px; 9 border-top-width: 9px; 10 position: relative; 11 width: 200px; 12 height: 400px; 13 padding: 11px 12px 8px 6px; 14 } 15 .a { 16 background: green; 17 width: 50px; 18 height: 100px; 19 margin: 30px 28px 32px 52px; 20 border: 10px solid yellow; 21 border-left-width: 8px; 22 border-right-width: 7px; 23 border-top-width: 6px; 24 padding: 9px 8px 5px 3px; 25 anchor-name: --foo; 26 } 27 .b { 28 background: blue; 29 position: absolute; 30 width: 50px; 31 height: 100px; 32 border: 5px solid lime; 33 padding: 15px; 34 top: 171px; 35 left: 51px; 36 } 37 </style> 38 <body> 39 <div class=wrapper> 40 <div class=a></div> 41 <div class=b></div> 42 </div> 43 </body>