containing-block-change-scrollframe-ref.html (555B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Test Reference</title> 4 <style> 5 #container { 6 width: 400px; 7 height: 400px; 8 margin: 100px; 9 background-color: purple; 10 position: relative; 11 } 12 #spacer { 13 height: 300px; 14 } 15 #bottom { 16 height: 100px; 17 background-color: green; 18 } 19 #abspos { 20 position: absolute; 21 width: 100px; 22 height: 100px; 23 background-color: green; 24 top: 0; 25 left: 0; 26 } 27 </style> 28 <div id="container"> 29 <div id="spacer"></div> 30 <div id="bottom"></div> 31 <div id="abspos"></div> 32 </div>