<style>
.child {
width: 75px;
height: 20px;
background-color: salmon;
display: inline-block;
}
.container {
display: inline-block;
border: 5px solid grey;
}
table {
background-color: pink;
}
</style>
<div class="container" data-expected-width=210>
<table style="max-width: 200px">
<td>
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</td>
</table>
</div>
<br>
<div class="container" data-expected-width=210>
<table style="width: 100px; min-width: 200px; table-layout: fixed"><td><div class="child"></div></td></table>
</div>
<script src="../../resources/check-layout.js"></script>
<script>
checkLayout('.container');
</script>