summaryrefslogtreecommitdiffstats
path: root/layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html
diff options
context:
space:
mode:
authorMoonchild <mcwerewolf@wolfbeast.com>2019-03-15 10:31:51 +0100
committerGitHub <noreply@github.com>2019-03-15 10:31:51 +0100
commitc7b3c68ae9bfc2ee6c5337072f1bbbc539840231 (patch)
tree5f4e6db6450062aa58dfd6ce926e1f7abb5004c5 /layout/reftests/w3c-css/submitted/flexbox/position-absolute-containing-block-002-ref.html
parent973b9cace810263b3f7d617f377f912dc3b06e4f (diff)
parentc427cf64a8c13b13ce39fecf9db71672df622038 (diff)
downloadUXP-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.html27
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