| <!DOCTYPE html> |
| <style> |
| table { |
| height: 100px; |
| } |
| #content { |
| height: 100%; |
| width: 100%; |
| overflow: auto; |
| } |
| </style> |
| <table class="test" data-expected-height=100> |
| <tr> |
| <td class="test" data-expected-height=96><div id="content" class="test" data-expected-height=94><img src="../../images/resources/green-256x256.jpg"></div></td> |
| </tr> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <p> crbug.com/637811: Percent height overflow auto content in a cell should not flex the height of the cell. </p> |
| <div id="output"></div> |
| <script> |
| checkLayout('.test', output); |
| </script> |