blob: 72ab8f205e77a7dd85f84ca7695d9ad8243298ef (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
|
<!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-collapse: collapse; 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>
|
