multicol-overflowing-001-ref.xht (2976B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Opera Software ASA" href="http://www.opera.com/" /> 6 <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2013-08-09 --> 7 <style type="text/css"><![CDATA[ 8 div#rel-pos-wrapper 9 { 10 background-color: yellow; 11 font: 1.25em/1 serif; 12 height: 2em; 13 position: relative; 14 width: 32em; 15 } 16 17 div > div 18 { 19 font-size: 1em; 20 height: 2em; 21 position: absolute; 22 top: 0; 23 width: 2em; 24 } 25 26 div#black1 27 { 28 background-color: black; 29 left: 1em; 30 } 31 32 div#black2 33 { 34 background-color: black; 35 left: 4em; 36 } 37 38 div#black3 39 { 40 background-color: black; 41 left: 7em; 42 } 43 44 div#black4 45 { 46 background-color: black; 47 height: 1em; 48 left: 12em; 49 } 50 51 div#black5 52 { 53 background-color: black; 54 height: 1em; 55 left: 15em; 56 } 57 58 div#blue1 59 { 60 background-color: blue; 61 left: 23em; 62 } 63 64 div#blue2 65 { 66 background-color: blue; 67 left: 26em; 68 } 69 70 div#blue3 71 { 72 background-color: blue; 73 left: 29em; 74 } 75 76 div#blue4 77 { 78 background-color: blue; 79 height: 1em; 80 left: 34em; 81 } 82 83 div#yellow1 84 { 85 background-color: yellow; 86 height: 1em; 87 left: 36em; 88 width: 1em; 89 } 90 91 div#blue5 92 { 93 background-color: blue; 94 height: 1em; 95 left: 37em; 96 } 97 98 div#yellow2 99 { 100 background-color: yellow; 101 height: 1em; 102 left: 39em; 103 width: 3em; 104 } 105 106 div#pink1 107 { 108 background-color: pink; 109 left: 45em; 110 } 111 112 div#yellow3 113 { 114 background-color: yellow; 115 left: 47em; 116 width: 1em; 117 } 118 119 div#pink2 120 { 121 background-color: pink; 122 left: 48em; 123 } 124 125 div#yellow4 126 { 127 background-color: yellow; 128 left: 50em; 129 width: 1em; 130 } 131 132 div#pink3 133 { 134 background-color: pink; 135 left: 51em; 136 } 137 138 div#pink4 139 { 140 background-color: pink; 141 height: 1em; 142 left: 56em; 143 } 144 145 div#yellow5 146 { 147 background-color: yellow; 148 height: 1em; 149 left: 58em; 150 width: 1em; 151 } 152 153 div#pink5 154 { 155 background-color: pink; 156 height: 1em; 157 left: 59em; 158 } 159 160 div#yellow6 161 { 162 background-color: yellow; 163 height: 1em; 164 left: 61em; 165 width: 3em; 166 } 167 168 div#margin-right 169 { 170 background-color: transparent; 171 height: 1em; 172 left: 64em; 173 width: 1em; 174 } 175 ]]></style> 176 </head> 177 <body> 178 179 <div id="rel-pos-wrapper"> 180 <div id="black1"></div> 181 <div id="black2"></div> 182 <div id="black3"></div> 183 <div id="black4"></div> 184 <div id="black5"></div> 185 186 <div id="blue1"></div> 187 <div id="blue2"></div> 188 <div id="blue3"></div> 189 <div id="blue4"></div> 190 <div id="yellow1"></div> 191 <div id="blue5"></div> 192 <div id="yellow2"></div> 193 194 <div id="pink1"></div> 195 <div id="yellow3"></div> 196 <div id="pink2"></div> 197 <div id="yellow4"></div> 198 <div id="pink3"></div> 199 <div id="pink4"></div> 200 <div id="yellow5"></div> 201 <div id="pink5"></div> 202 <div id="yellow6"></div> 203 <div id="margin-right"></div> 204 205 </div> 206 207 </body> 208 </html>