summaryrefslogtreecommitdiffstats
path: root/layout/reftests/columns/columnfill-auto.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/columns/columnfill-auto.html68
1 files changed, 68 insertions, 0 deletions
diff --git a/layout/reftests/columns/columnfill-auto.html b/layout/reftests/columns/columnfill-auto.html
new file mode 100644
index 0000000000..d79dc84657
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto.html
@@ -0,0 +1,68 @@
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="ahem.css" />
+ <style>
+html,body {
+ color:black; background-color:white; font-size:16px; padding:5px; margin:0;
+}
+mask {
+ position: absolute;
+ top:0; bottom:0; left:8px; width:5px;
+ background: black;
+}
+
+.rel {
+ position: relative;
+}
+.columns {
+ column-width: 12em;
+ column-gap: 0;
+ column-fill: auto;
+ height: 8em;
+ font-family: ahem;
+ font-size: 12pt;
+ line-height: 1.1;
+}
+a {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ bottom: 0;
+ left: 0;
+ background: blue;
+}
+f {
+ position: fixed;
+ width: 10px;
+ height: 10px;
+ bottom: 0;
+ left: 100px;
+ background: lime;
+}
+ </style>
+ </head>
+
+ <body>
+ <div class="columns rel">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns rel" style="overflow: hidden">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns rel" style="overflow: hidden">
+ <f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns" style="overflow: hidden">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns" style="overflow: hidden">
+ <f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+<mask></mask>
+ </body>
+</html>