<!DOCTYPE html> <html> <head> <title>Testcase, bug 1351924</title> <meta charset="UTF-8"> </head> <body> <div id="outer" style="background-color: red; height: 200px;"> <div style="height: 50%; background-color: blue;"> <div style="height: 100%; background-color: green; display: inline-block; vertical-align: top;">Green</div> <div style="height: 100px; background-color: yellow; display: inline-block; vertical-align: top;">Yellow</div> </div> </div> <script> let d = document.getElementById("outer"); d.offsetHeight; // flush layout d.style.height = "auto"; </script> </body> </html>