时间戳

首页 > 解决方案 > 隐藏被溢出部分或完全隐藏的元素

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

问题描述

我在另一个 div 中有一个粘性标签。因此，当我水平滚动divs 时，只要下一个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，我怎样才能防止标签部分隐藏，而不是完全不可见的情况。

PS：一个解决方案就足够了，它可以帮助我div完全隐藏一个，如果它的一些内容溢出！

提前致谢！

标签： htmlcss

解决方案

推荐阅读