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