<!DOCTYPE html> <!-- Any copyright is dedicated to the Public Domain. - http://creativecommons.org/publicdomain/zero/1.0/ --> <html> <head> <title>CSS Test: Sticky Positioning - multiframe containing-block element</title> <link rel="author" title="Corey Ford" href="mailto:cford@mozilla.com"> <link rel="match" href="column-contain-1-ref.html"> <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"> <style> #scroll { overflow: hidden; height: 200px; line-height: 1; } #columns { column-count: 2; column-rule: 1px solid black; height: 200px; width: 200px; } #fill { height: 390px; background: blue; } #sticky { position: sticky; left: 190px; width: 10px; height: 10px; background: black; } </style> </head> <body> <div id="scroll"> <div id="columns"> <div id="contain"> <div id="sticky"></div> <div id="fill"></div> </div> </div> </div> </body> </html>