| <!DOCTYPE html> |
| <style> |
| table { |
| width: 250px; |
| } |
| |
| td { |
| width: 242px; |
| } |
| |
| .cell-specified-height { |
| height: 202px; |
| } |
| |
| .container { |
| height: 100%; |
| overflow-y: hidden; |
| } |
| .content { |
| background-color: black; |
| height: 2000px; |
| width: 225px; |
| } |
| </style> |
| <table> |
| <td class="cell-specified-height"> |
| <div class="container" data-expected-height=2000> |
| <div class="content"></div> |
| </div> |
| </td> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <p> crbug.com/465096: Percent height content in a cell with a computed height should use the height of the cell. </p> |
| <div id="output"></div> |
| <script> |
| document.body.offsetTop; |
| checkLayout('.container', output); |
| </script> |