LayoutTests/fast/css-intrinsic-dimensions/height-css-tables.html - WebKit - Git at Google

 <!DOCTYPE html>

 <style>
   @import "resources/height-keyword-classes.css";

   .small { height: 1px; }
   .big { height: 300px; }
   .item { height: 50px; width: 50px; border: 1px solid blue; }

   .container { height: 100px; border: 5px solid pink; }
   .table { border: 2px solid red; display: table; border-spacing: 2px; }
   .td { border: 2px solid green; display: table-cell; }
 </style>

 <div class="table big max-height-min-content">
   <div class="td">
     <div class="item"></div>
   </div>
 </div>

 <table>
   <div class="td small min-height-min-content">
     <div class="item"></div>
   </div>
 </div>

 <div class="container">
   <div class="table small min-height-fill-available">
     <div class="td">
       <div class="item"></div>
     </div>
   </div>
 </div>


 <div class="table container">
   <div class="td small min-height-fill-available">
     <div class="item"></div>
   </div>
 </div>
	<!DOCTYPE html>

	<style>
	@import "resources/height-keyword-classes.css";

	.small { height: 1px; }
	.big { height: 300px; }
	.item { height: 50px; width: 50px; border: 1px solid blue; }

	.container { height: 100px; border: 5px solid pink; }
	.table { border: 2px solid red; display: table; border-spacing: 2px; }
	.td { border: 2px solid green; display: table-cell; }
	</style>

	<div class="table big max-height-min-content">
	<div class="td">
	<div class="item"></div>
	</div>
	</div>

	<table>
	<div class="td small min-height-min-content">
	<div class="item"></div>
	</div>
	</div>

	<div class="container">
	<div class="table small min-height-fill-available">
	<div class="td">
	<div class="item"></div>
	</div>
	</div>
	</div>


	<div class="table container">
	<div class="td small min-height-fill-available">
	<div class="item"></div>
	</div>
	</div>