diff options
author | Moonchild <mcwerewolf@wolfbeast.com> | 2019-03-15 10:31:51 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-03-15 10:31:51 +0100 |
commit | c7b3c68ae9bfc2ee6c5337072f1bbbc539840231 (patch) | |
tree | 5f4e6db6450062aa58dfd6ce926e1f7abb5004c5 /layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html | |
parent | 973b9cace810263b3f7d617f377f912dc3b06e4f (diff) | |
parent | c427cf64a8c13b13ce39fecf9db71672df622038 (diff) | |
download | UXP-c7b3c68ae9bfc2ee6c5337072f1bbbc539840231.tar UXP-c7b3c68ae9bfc2ee6c5337072f1bbbc539840231.tar.gz UXP-c7b3c68ae9bfc2ee6c5337072f1bbbc539840231.tar.lz UXP-c7b3c68ae9bfc2ee6c5337072f1bbbc539840231.tar.xz UXP-c7b3c68ae9bfc2ee6c5337072f1bbbc539840231.zip |
Merge pull request #1008 from JustOff/PR_flex_align_blocks
Handle the special case of a flex frame being the absolute containing block correctly from the CSS align code
Diffstat (limited to 'layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html')
-rw-r--r-- | layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html b/layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html new file mode 100644 index 000000000..df730047b --- /dev/null +++ b/layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html @@ -0,0 +1,27 @@ +<!DOCTYPE html>
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>CSS Test Reference</title>
+<meta charset="utf-8">
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<style>
+.parent {
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: block;
+ width: 200px;
+ height: 200px;
+ background: yellow;
+}
+
+.child {
+ position: absolute;
+ left: 60px;
+ top: 60px;
+ width: 100px;
+ height: 100px;
+ background: green;
+}
+</style>
+</head><body><div class="parent"><div class="child"></div></div>
+</body></html>
\ No newline at end of file |