<div id="multicol">
  <div id="scrollable">
    <div style="height:200%;">
      This should be monolithic (unbreakable), since we're inside a scrollable
      container. So, even if it's very tall, it should only be in the first
#multicol {
  columns: 3;
  column-fill: auto;
  height: 80px;
  background: darkturquoise;
#scrollable {
  overflow-y: scroll;
  height: 200px;
  background: mediumseagreen;

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.