|
1 <html xmlns="http://www.w3.org/1999/xhtml"> |
|
2 <head> |
|
3 <style> |
|
4 .container { |
|
5 height: 1em; |
|
6 } |
|
7 .overflow { |
|
8 height: 8em; |
|
9 } |
|
10 body { |
|
11 font-family: monospace; |
|
12 height: 8em; |
|
13 line-height: 1em; |
|
14 -moz-column-count: 2; |
|
15 -moz-column-gap: 0; |
|
16 } |
|
17 </style> |
|
18 <script> |
|
19 function boom() |
|
20 { |
|
21 document.documentElement.offsetHeight; |
|
22 document.getElementById('x').style.display = 'none'; |
|
23 document.documentElement.offsetHeight; |
|
24 document.getElementById('y').style.display = 'none'; |
|
25 } |
|
26 </script> |
|
27 </head> |
|
28 |
|
29 <body style="width: 17ch;" onload="boom();"><div id="x" class="container"></div>This paragraph must be in the first column.<div class="container" id="y"><div class="overflow"></div></div></body> |
|
30 </html> |