Chromium Code Reviews| 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> |
| + |
| + |