|
1 <html> |
|
2 <head> |
|
3 <style> |
|
4 #colset { -moz-column-count: 3; } |
|
5 #a { height: 0; } |
|
6 #x { height: 3px; } |
|
7 #b { height: 0; } |
|
8 #c { height: 2px; } |
|
9 #d { height: 2px; } |
|
10 |
|
11 /* Following style is just for visualization -- doesn't affect assertion */ |
|
12 #colset { -moz-column-gap: 0px; width: 18px; } |
|
13 div { width: 5px; } |
|
14 #a { background: purple; } |
|
15 #x { background: orange; } |
|
16 #b { background: blue; } |
|
17 #c { background: black; } |
|
18 #d { background: lime; } |
|
19 </style> |
|
20 <script> |
|
21 function boom() |
|
22 { |
|
23 document.getElementById("a").style.height = "auto"; |
|
24 document.getElementById("c").style.height = "0"; |
|
25 } |
|
26 </script> |
|
27 </head> |
|
28 <body onload="boom()" id="colset" |
|
29 ><div id="a"><div id="x"></div></div |
|
30 ><div id="b"><div id="c"></div><div id="d"></div></div |
|
31 ></body> |
|
32 </html> |