<!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> |