| <!DOCTYPE html> |
| <style> |
| body * { |
| display: flex; |
| flex: 1; |
| } |
| |
| #column1{ |
| flex-direction: column; |
| } |
| </style> |
| <script src="../../resources/check-layout.js"></script> |
| <script> |
| onload = function() { |
| var container = document.getElementById("column2"); |
| |
| container.innerText = "I like to eat eat eat apples and bananas."; |
| container.offsetTop; |
| container.innerText = ''; |
| checkLayout("#column1"); |
| } |
| </script> |
| <body> |
| <div style="width: 100px;"> |
| <div id="column1" data-expected-height=0> |
| <div></div> |
| </div> |
| <div id="column2"> |
| </div> |
| </div> |
