flex-percentage-height-in-table.html

<!-- This test is intentionally in quirks mode -->
<html>
<head>
<link href="resources/flexbox.css" rel="stylesheet">
<style>
    .oldflex { display: -webkit-box; display: -moz-box; }
    div { border-width: 2px; border-color: green; overflow: hidden; height: 75%; }
    td { border-width: 2px; border-color: blue; }
</style>
</head><body>
You should see two tables, both with the word "Flex" fully visible.<br>

<table border>
    <tr>
        <td>
            <div class="flexbox">Flex</div>
        </td>
    </tr>
</table>

<br>
<br>
<br>

<table border>
    <tr>
        <td>
            <div class="oldflex">Flex</div>
        </td>
    </tr>
</table>

</body>
</html>

chromium/third_party/blink/web_tests/css3/flexbox/flex-percentage-height-in-table.html