| <!DOCTYPE html> | |
| <style> | |
| .cell { display:table-cell; } | |
| .div { height: 100%; display: inline-block; box-sizing: border-box; border: 2px solid black; padding: 2px; font: 20px Ahem;} | |
| </style> | |
| <div class="cell"> | |
| <div class="div" data-expected-height=28>Text</div> | |
| </div> | |
| <script src="../../resources/check-layout.js"></script> | |
| <p> crbug.com/669687: Percent height border-box replaced content in a cell gets the correct height. </p> | |
| <div id="output"></div> | |
| <script> | |
| checkLayout('.div', output); | |
| </script> |