13 display: inline-block;
24 box-sizing: border-box;
27 <div class=
"container">
29 height: min-content
<br>on this box.
33 height: max-content
<br>on this box.
37 height: fit-content
<br>on this box.
41 <div class=
"container">
42 <iframe class=
"fill-available">
43 height: fill-available
<br> on this box.
47 <div class=
"container">
49 min-height: min-content
<br>on this box.
53 min-height: max-content
<br>on this box.
57 min-height: fit-content
<br>on this box.
61 <div class=
"container">
62 <iframe class=
"fill-available">
63 min-height: fill-available
<br> on this box.
67 <div class=
"container">
69 max-height: min-content
<br>on this box.
73 max-height: max-content
<br>on this box.
77 max-height: fit-content
<br>on this box.
81 <div class=
"container">
82 <iframe class=
"fill-available">
83 max-height: fill-available
<br> on this box.