OLD | NEW |
1 <!doctype html> | 1 <!doctype html> |
2 <html> | 2 <html> |
3 <head> | |
4 <script> | |
5 internals.settings.setRegionBasedColumnsEnabled(true) | |
6 </script> | |
7 </head> | |
8 <body> | 3 <body> |
9 <div style="width:210px; height:200px; border:5px solid black; -moz-column-width
:100px; -moz-column-gap:10px; -webkit-column-width:100px; -webkit-column-gap:10p
x; column-width:100px; column-gap:10px; column-fill:auto;"> | 4 <div style="width:210px; height:200px; border:5px solid black; -moz-column-width
:100px; -moz-column-gap:10px; -webkit-column-width:100px; -webkit-column-gap:10p
x; column-width:100px; column-gap:10px; column-fill:auto;"> |
10 | 5 |
11 <div style="position:relative;"> | 6 <div style="position:relative;"> |
12 <div style="position:absolute;top:0;left:0; height:400px; width:100px"> | 7 <div style="position:absolute;top:0;left:0; height:400px; width:100px"> |
13 <div style="width:100px;height:100px;background-color:purple;">3</div> | 8 <div style="width:100px;height:100px;background-color:purple;">3</div> |
14 <div style="height:200px"></div> | 9 <div style="height:200px"></div> |
15 <div style="width:100px;height:100px;background-color:purple;">3</div> | 10 <div style="width:100px;height:100px;background-color:purple;">3</div> |
16 </div> | 11 </div> |
17 <div style="position:relative; z-index:1; background-color:lightblue; width:100%
; height:200px; top:100px">1</div> | 12 <div style="position:relative; z-index:1; background-color:lightblue; width:100%
; height:200px; top:100px">1</div> |
18 | 13 |
19 <div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px
;width:100px">2</div> | 14 <div style="position:fixed;background-color:gold;left:68px;top:13px;height:200px
;width:100px">2</div> |
20 </div> | 15 </div> |
21 </div> | 16 </div> |
OLD | NEW |