54.0.2793.0 canary (64-bit) shows
h: 86 w: 68 black_h: 50 black_w: 32
FF 50 and Edge show
h: 68 w: 68 black_h: 32 black_w: 32
https://jsfiddle.net/dgrogan/x9pd0t91/
<style type="text/css">
td {
width: 50px;
height: 50px;
padding: 0px;
box-sizing: border-box;
}
#theDiv {
height: 100%;
}
</style>
<table style="border-collapse:collapse" id="theTable">
<tr style="border:18px solid lightblue" id="row">
<td><div id="theDiv" style="background:black"></div></td>
</tr>
</table>
<div id="log"></div>
<script>
window.onload=function(){
log.innerText = "h: " + theTable.offsetHeight + " w: " + theTable.offsetWidth + " black_h: " + theDiv.offsetHeight + " black_w: " + theDiv.offsetWidth; }
</script>
Comment 1 by dgro...@chromium.org
, Jul 12 2016