will-change-abspos-cb-001.html (924B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Test: will-change: position turns an element in an abspos containing block.</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="author" title="Boris Zbarsky" href="mailto:bzbarsky@mit.edu"> 6 <link rel="author" title="Mozilla" href="https://mozilla.org"> 7 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1498873"> 8 <link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change"> 9 <link rel="match" href="will-change-abspos-cb-001-ref.html"> 10 <style> 11 .container { 12 border: 1px solid green; 13 width: 100px; 14 height: 100px; 15 margin-top: 100px; 16 display: flex; 17 will-change: position; 18 } 19 .abspos { 20 position: absolute; 21 top: 0; 22 left: 0; 23 background: orange; 24 height: 20px; 25 width: 20px; 26 } 27 </style> 28 <div class="container"> 29 <div class="abspos"></div> 30 </div>