| <!DOCTYPE html> | |
| <div id="container"> | |
| <div id="child" style="columns:2;"> | |
| <div style="display:flex;"></div> | |
| <div style="display:grid;"></div> | |
| <div style="display:table;"></div> | |
| </div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| container.style.columns = "2"; | |
| container.style.display = "inline-table"; | |
| child.style.display = "table-footer-group"; | |
| </script> |