position-area-inset-one-side-auto.html (405B)
1 <!DOCTYPE html> 2 <style> 3 .abs { 4 width: 200px; 5 height: 200px; 6 position: relative; 7 border: 1px solid; 8 } 9 10 .anchor { 11 width: 100px; 12 height: 100px; 13 background: tomato; 14 margin: 100px 0 0 100px; 15 } 16 17 .ref { 18 position: absolute; 19 inset: 100px auto auto 100px; 20 width: 50px; 21 height: 50px; 22 background: skyblue; 23 } 24 </style> 25 <div class=abs> 26 <div class=anchor></div> 27 <div class=ref></div> 28 </div>