anchored-transition-display-none-002-ref.html (720B)
1 <!DOCTYPE html> 2 3 <style> 4 #containing-block { 5 width: 300px; 6 height: 300px; 7 position: relative; 8 outline: 1px black solid; 9 } 10 11 #anchor { 12 width: 100px; 13 height: 100px; 14 position: absolute; 15 top: 100px; 16 left: 0px; 17 background: cyan; 18 } 19 20 .anchored { 21 position: absolute; 22 width: 100px; 23 height: 100px; 24 } 25 26 #anchored-anchor-function { 27 top: 200px; 28 left: 100px; 29 background: green; 30 } 31 32 #anchored-position-area { 33 top: 0px; 34 left: 100px; 35 background: blue; 36 } 37 </style> 38 39 <div id="containing-block"> 40 <div id="anchor"></div> 41 <div class="anchored" id="anchored-anchor-function"></div> 42 <div class="anchored" id="anchored-position-area"></div> 43 </div>