Html 不使用列标题的位置

我想使用positionsticky，但是我注意到如果内容有样式列，它就不起作用了。这是我在JSFIDLE中创建的一个示例

工作1
内容1
工作2
内容2
工作3
内容3
不工作1
内容1
不工作2
内容2
不工作3
内容2

---

这有解决办法吗？或者解决方法？

Sticky在列逻辑中不起作用。因为列中的元素不在固定位置。例如，它们在1中浮动。2.或3。专栏。您可以使用

网格

代替列

.sticky{
位置：粘性；
排名：0；
背景：#000；
颜色：#FFF；
}
.内容{
高度：200px；
背景#FFF000；
}
闵先生{
宽度：48%；
垂直对齐：顶部；
显示：内联块；
}
.不工作{
显示：内联网格；
网格模板列：重复（3，1fr）；
}

工作1
内容1
工作2
内容2
工作3
内容3
不工作1
内容1
不工作2
内容2
不工作3
内容2

.sticky {
  position: sticky;
  top: 0;
  background: #000;
  color: #FFF;
}

.content {
  height: 200px;
  background: #FFF000;
}

.min {
  width: 48%;
  vertical-align: top;
  display: inline-block;
}

.notworking {
  columns: 100px 3;
}

<div class="min">
  <div>
    <div class="sticky">Working 1</div>
    <div class="content">Content 1</div>
  </div>
  <div>
    <div class="sticky">Working 2</div>
    <div class="content">Content 2</div>
  </div>
  <div>
    <div class="sticky">Working 3</div>
    <div class="content">Content 3</div>
  </div>
</div>

<div class="min notworking">
  <div>
    <div class="sticky">Not Working 1</div>
    <div class="content">Content 1</div>
  </div>
  <div>
    <div class="sticky">Not Working 2</div>
    <div class="content">Content 2</div>
  </div>
  <div>
    <div class="sticky">Not Working 3</div>
    <div class="content">Content 2</div>
  </div>
</div>