Index: LayoutTests/css3/flexbox/percentage-height-in-abspos.html |
diff --git a/LayoutTests/css3/flexbox/percentage-height-in-abspos.html b/LayoutTests/css3/flexbox/percentage-height-in-abspos.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5ab5db71e2ea54d33d41962507c9f24979b453b2 |
--- /dev/null |
+++ b/LayoutTests/css3/flexbox/percentage-height-in-abspos.html |
@@ -0,0 +1,45 @@ |
+<!DOCTYPE html> |
+<style> |
+body { |
+ position: relative; |
+ width: 800px; |
+ height: 600px; |
+} |
+ |
+div { |
+ background-color: grey; |
Manuel Rego
2015/04/24 05:55:17
Don't get what you need this.
|
+} |
+ |
+#container { |
+ background-color: red; |
+ position: absolute; |
+ top: 0; |
+ bottom: 0; |
+ left: 0; |
+ right: 0; |
+ display: flex; |
+ flex-direction: column; |
+} |
+ |
+#top-bar { |
+ background-color: green; |
+ height: 20%; |
+} |
+ |
+#content { |
+ background-color: blue; |
+ flex-basis: 100%; |
+} |
+</style> |
+ |
+ |
+<div id="container"> |
+ <div id="top-bar"> |
+ Tests that percentage heights get resolved correctly when the flexbox is |
Manuel Rego
2015/04/24 05:55:17
Nit: this is a common description for a check-layo
|
+ </div> |
+ <div id="content"> |
+ absolutely positioned without an explicit height. |
+ </div> |
+</div> |
+ |
+ |