|
1 <!DOCTYPE html> |
|
2 <html class="reftest-wait"> |
|
3 <head> |
|
4 <style type="text/css"> |
|
5 .separator, #child { |
|
6 height: 20px; |
|
7 background-color: blue; |
|
8 } |
|
9 #multi-column { |
|
10 background-color: yellow; |
|
11 } |
|
12 #child { |
|
13 margin: 20px 0; |
|
14 } |
|
15 </style> |
|
16 <script type="text/javascript"> |
|
17 function test() { |
|
18 document.getElementById('multi-column').style.MozColumnCount = 1; |
|
19 document.getElementById('multi-column').style.columnCount = 1; |
|
20 document.documentElement.removeAttribute('class'); |
|
21 } |
|
22 document.addEventListener('MozReftestInvalidate', test, false); |
|
23 </script> |
|
24 </head> |
|
25 <body> |
|
26 <div class="separator"></div> |
|
27 <div id="multi-column"> |
|
28 <div id="child"></div> |
|
29 </div> |
|
30 <div class="separator"></div> |
|
31 </body> |
|
32 </html> |