3 All divs here should shrinkwrap to fit their content, except for fill-available
6 @import
"resources/height-keyword-classes.css";
18 display: inline-block;
34 <div class=
"container">
35 <div class=
"min-content">
36 height: min-content
<br>on this box.
39 <div class=
"max-content">
40 height: max-content
<br>on this box.
43 <div class=
"fit-content">
44 height: fit-content
<br>on this box.
48 <div class=
"container">
49 <div class=
"fill-available">
50 height: fill-available
<br> on this box.
54 <div class=
"container">
55 <div class=
"small min-height-min-content">
56 min-height: min-content
<br>on this box.
59 <div class=
"small min-height-max-content">
60 min-height: max-content
<br>on this box.
63 <div class=
"small min-height-fit-content">
64 min-height: fit-content
<br>on this box.
68 <div class=
"container">
69 <div class=
"small min-height-fill-available">
70 min-height: fill-available
<br> on this box.
74 <div class=
"container">
75 <div class=
"big max-height-min-content">
76 max-height: min-content
<br>on this box.
79 <div class=
"big max-height-max-content">
80 max-height: max-content
<br>on this box.
83 <div class=
"big max-height-fit-content">
84 max-height: fit-content
<br>on this box.
88 <div class=
"container">
89 <div class=
"really-big max-height-fill-available">
90 max-height: fill-available
<br> on this box.