summaryrefslogtreecommitdiffstats
path: root/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html')
-rw-r--r--layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html41
1 files changed, 41 insertions, 0 deletions
diff --git a/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html b/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
new file mode 100644
index 0000000000..e94b3eb94a
--- /dev/null
+++ b/layout/reftests/pagination/abspos-breaking-dynamic-001-ref.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<title>Test for dynamic re-pagination of absolutely positioned elements</title>
+<link rel="author" title="L. David Baron" href="https://dbaron.org/">
+<style>
+
+#multicol {
+ height: 100px;
+ width: 300px;
+ background: yellow;
+ position: relative;
+}
+
+#relpos {
+ position: absolute;
+ background: aqua;
+ height: 100px;
+ width: 90px;
+ top: 0;
+ left: 0;
+}
+
+#abspos {
+ position: absolute;
+ right: 0;
+ height: 80px;
+ width: 50px;
+ background: blue;
+}
+
+</style>
+
+<div id="multicol">
+ <div id="relpos" style="left: 0">
+ <div id="abspos" style="top: 80px; height: 20px"></div>
+ </div>
+ <div id="relpos" style="left: 105px">
+ <div id="abspos" style="top: 0px; height: 60px"></div>
+ </div>
+ <div id="relpos" style="left: 210px; height: 50px">
+ </div>
+</div>