abspos-width-change-inline-container-001-ref.html (361B)
1 <!DOCTYPE html> 2 <style> 3 #container { 4 text-align: center; 5 width: 100px; 6 } 7 #relpos { 8 position: relative; 9 background: red; 10 } 11 #abspos { 12 position: absolute; 13 left: 0; 14 top: 0; 15 width: 50px; 16 height: 50px; 17 background: green; 18 } 19 </style> 20 <body> 21 <div id="container"> 22 <span id="relpos">x 23 <span id="abspos"></span> 24 </span> 25 </div> 26 </body>