Index: LayoutTests/fast/replaced/min-height-percentage.html |
diff --git a/LayoutTests/fast/replaced/min-height-percentage.html b/LayoutTests/fast/replaced/min-height-percentage.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ecfd17816a36072495597461d199f1cc5a899e14 |
--- /dev/null |
+++ b/LayoutTests/fast/replaced/min-height-percentage.html |
@@ -0,0 +1,9 @@ |
+<!DOCTYPE html> |
+ <style> |
+ img {min-height: 100%; max-height: 50px;} |
+ </style> |
+ <p> The blue square should be 50px by 50px. This is because http://www.w3.org/TR/CSS21/visudet.html#min-max-heights says: "If the height of the containing block is not specified explicitly |
+ (i.e., it depends on content height), and this element is not absolutely positioned, the percentage value is treated as '0' (for 'min-height')." </p> |
+ <div> |
+ <div id="child"><img id="image" src="resources/square-blue-100x100.png"></div> |
+ </div> |