| <!DOCTYPE html> | |
| <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> | |
| <link rel="help" href="https://bugs.chromium.org/p/chromium/issues/detail?id=1276898"> | |
| <style> | |
| @container size(max-width: 250px) { | |
| #target { | |
| display: flex; | |
| } | |
| } | |
| </style> | |
| <div id="ancestor" style="columns:2; column-gap:0; width:400px;"> | |
| <div style="container-type:inline-size;"> | |
| <div id="target"></div> | |
| </div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| ancestor.style.width = "600px"; | |
| </script> |