41 lines
813 B
HTML
41 lines
813 B
HTML
<!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; border-collapse: collapse; }
|
|
td { border: 2px solid green; }
|
|
</style>
|
|
|
|
<table class="big max-height-min-content">
|
|
<td>
|
|
<div class="item"></div>
|
|
</td>
|
|
</table>
|
|
|
|
<table>
|
|
<td class="small min-height-min-content">
|
|
<div class="item"></div>
|
|
</td>
|
|
</table>
|
|
|
|
<div class="container">
|
|
<table class="small min-height-fill-available">
|
|
<td>
|
|
<div class="item"></div>
|
|
</td>
|
|
</table>
|
|
</div>
|
|
|
|
|
|
<table class="container">
|
|
<td class="small min-height-fill-available">
|
|
<div class="item"></div>
|
|
</td>
|
|
</table>
|