blob: 1133ec5a29fce3c9d4f92f08b9711c0d797316e8 [file] [log] [blame]
<!DOCTYPE html>
<style>
.cell { display:table-cell; }
.div { height: 100%; 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 content in a cell gets the correct height. </p>
<div id="output"></div>
<script>
checkLayout('.div', output);
</script>