Index: LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
diff --git a/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html b/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ad7a977bae2b22c334f073a7ce8348a8d376a818 |
--- /dev/null |
+++ b/LayoutTests/fast/css-intrinsic-dimensions/height-expected.html |
@@ -0,0 +1,80 @@ |
+<!DOCTYPE html> |
+<style> |
+ body * { |
+ border: 2px solid red; |
+ padding: 5px; |
+ clear: both; |
+ } |
+ |
+ .container { |
+ height: 300px; |
+ border-color: blue; |
+ |
+ display: inline-block; |
+ width: 100px; |
+ } |
+ |
+ .fill-available { |
+ height: 100%; |
+ box-sizing: border-box; |
+ } |
+</style> |
+<div class="container"> |
+ <div> |
+ height: min-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ height: max-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ height: fit-content<br>on this box. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="fill-available"> |
+ height: fill-available<br> on this box. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div> |
+ min-height: min-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ min-height: max-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ min-height: fit-content<br>on this box. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="fill-available"> |
+ min-height: fill-available<br> on this box. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div> |
+ max-height: min-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ max-height: max-content<br>on this box. |
+ </div> |
+ |
+ <div> |
+ max-height: fit-content<br>on this box. |
+ </div> |
+</div> |
+ |
+<div class="container"> |
+ <div class="fill-available"> |
+ max-height: fill-available<br> on this box. |
+ </div> |
+</div> |