| <!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: 500px) { | |
| #target { | |
| display: table; | |
| } | |
| } | |
| </style> | |
| <div id="container" style="columns:2; container-type:inline-size; width:400px;"> | |
| <div id="target"></div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| container.style.width = "600px"; | |
| </script> |