column-contain-1-ref.html (859B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 <html> 5 <head> 6 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 7 <style> 8 #scroll { 9 overflow: hidden; 10 height: 200px; 11 line-height: 1; 12 } 13 #contain { 14 column-count: 2; 15 column-rule: 1px solid black; 16 height: 200px; 17 width: 200px; 18 } 19 #fill { 20 height: 390px; 21 background: blue; 22 } 23 #sticky { 24 position: relative; 25 left: 190px; 26 width: 10px; 27 height: 10px; 28 background: black; 29 } 30 </style> 31 </head> 32 <body> 33 <div id="scroll"> 34 <div id="contain"> 35 <div id="sticky"></div> 36 <div id="fill"></div> 37 </div> 38 </div> 39 </body> 40 </html>