<title>CSS Multi-column Layout Test: multicol with overflow-clipped content</title>

<link rel="help" href="https://www.w3.org/TR/css-multicol-1/">

<link rel="match" href="multicol-overflow-clip-ref.html">

<meta name="assert" content="Overflow clip should work under multicol.">

.multicol {

column-count: 3;

}

.parent {

background: green;

height: 50px;

overflow: hidden;

}

.child2 {

margin-top: 50px;

background: darkred;

color: red;

height: 100px;

}

<div class="multicol">

<div class="parent">

<div class="child2">This should be hidden.</div>

</div>

<div class="parent">

<div class="child2">This should be hidden.</div>

</div>

<div class="parent">

<div class="child2">This should be hidden.</div>

</div>