Index: LayoutTests/fast/replaced/min-height-percentage-expected.html |
diff --git a/LayoutTests/fast/replaced/min-height-percentage-expected.html b/LayoutTests/fast/replaced/min-height-percentage-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..339f516678b1a46d41448aa6403f41d18dc0e54d |
--- /dev/null |
+++ b/LayoutTests/fast/replaced/min-height-percentage-expected.html |
@@ -0,0 +1,12 @@ |
+<!DOCTYPE html> |
+<html> |
esprehn
2014/07/07 18:15:53
Leave out the <html> and <body>.
|
+ <style> |
+ img { 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> |
+ <img id="image" src="resources/square-blue-100x100.png"> |
+ </div> |
+ </body> |
+</html> |