blob: 9c65373f508f6a307890c7ce4873d7aa46dd47d5 [file] [log] [blame]
<!DOCTYPE html>
td {
width: 50px;
height: 50px;
padding: 0px;
box-sizing: border-box;
#div {
height: 100%;
<table style="border-collapse:collapse; border: 18px solid lightblue;" 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>
<script src="../../resources/check-layout.js"></script>
<p> Percent height content in a border-box sized cell with a computed height should use the height of the cell. </p>
<div id="output"></div>
checkLayout('#table', output);