column-contain-1a.html (1175B)
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 <title>CSS Test: Sticky Positioning - multiframe containing-block element</title> 7 <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> 8 <link rel="match" href="column-contain-1-ref.html"> 9 <meta name="assert" content="Sticky positioning with a multiple-frame containing-block element should stay contained within the bounding box of all that element's frames"> 10 <style> 11 #scroll { 12 overflow: hidden; 13 height: 200px; 14 line-height: 1; 15 } 16 #contain { 17 column-count: 2; 18 column-rule: 1px solid black; 19 height: 200px; 20 width: 200px; 21 } 22 #fill { 23 height: 390px; 24 background: blue; 25 } 26 #sticky { 27 position: sticky; 28 left: 190px; 29 width: 10px; 30 height: 10px; 31 background: black; 32 } 33 </style> 34 </head> 35 <body> 36 <div id="scroll"> 37 <div id="contain"> 38 <div id="sticky"></div> 39 <div id="fill"></div> 40 </div> 41 </div> 42 </body> 43 </html>