contain-layout-020-ref.html (497B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS Containment Test: Removing layout containment and contained positioned elements</title> 4 5 <style> 6 .container { 7 width: 300px; 8 height: 300px; 9 } 10 .box { 11 width: 100px; 12 height: 100px; 13 background-color: green; 14 } 15 .fixed { 16 position: fixed; 17 top: 0; 18 left: 0; 19 } 20 .abspos { 21 position: absolute; 22 top: 0; 23 right: 0; 24 } 25 </style> 26 27 <div class="container"> 28 <div class="fixed box"></div> 29 <div class="abspos box"></div> 30 </div>