html - 使文本隐藏在容器边框之外

Question

我在一个方形容器中添加了文本，我试图让越过边界的字母部分消失，所以它只显示边界内的内容。我无法让它工作。我尝试隐藏溢出，但没有做任何事情。这Rw是我只需要隐藏在通过边界的字母部分上的文本

我正在使用 SASS，所以这就是变量的原因。

这是html

<div class="container">
<div class="itemsection clearfix">
        <div class="item"><h1>Rw</h1></div>
        <div class="item"></div>

这是CSS

.item {
        float: left;
        margin: 0 0 70px 6.04%;
        height: $itemsize;
        width: $itemsize;
        background-color: #ddd;
        border: 8px solid #fff;
        box-shadow: 0 0 20px 0px #ddd;
        overflow: hidden;

        h1 {
            font-size: 7em;
            margin: 15px 0 0 -28px;
        }
    }

Answer 1

我让它工作。出于某种原因，指南针不会刷新样式表，当它最终完成时，它完美地切割了它