隐藏被溢出部分或完全隐藏的元素

Question

我在另一个div内贴了粘性标签。因此，当我水平滚动浏览div时，只要下一个div出现，标签就会粘贴在屏幕的左侧，这正是我想要的。代码：

.foo-bar-label {
    display: inline-block;
    max-width: 100%;
    left: 0px;
    position: sticky;
    height: 16px;
    overflow: hidden;
  }

.scale-unit {
    border-left: 1px solid black;
    box-sizing: border-box;
    padding: 0px 6px;
    height: 16px;
  }

现在，当我向右滚动时，最左边的标签最终会与左角重叠，这是预期的行为。

（与标签重叠的左侧对象具有相同的背景，请不要介意。）

问题：希望我能使用纯HTML / CSS防止标签被部分隐藏的情况，而应该完全不可见。

P.S .：一种解决方案就足够了，如果其中某些内容溢出，它可以帮助我完全隐藏div！

谢谢！