| <!DOCTYPE html> |
| <style> |
| td { |
| width: 50px; |
| height: 50px; |
| padding: 0px; |
| } |
| #div { |
| height: 100%; |
| } |
| </style> |
| <table style="border-collapse:collapse" id="table" data-expected-height=86 data-expected-width=86> |
| <tr style="border:18px solid lightblue" id="row"> |
| <td><div id="div" style="background:black" data-expected-height=50 data-expected-width=50></div></td> |
| </tr> |
| </table> |
| <script src="../../resources/check-layout.js"></script> |
| <p> crbug.com/627305: Percent height content in a content-box sized cell with a computed height should use the height of the cell. </p> |
| <div id="output"></div> |
| <script> |
| checkLayout('#table', output); |
| </script> |