设置overflow 属性达到隐藏其内容的效果。

在HTML和CSS中，我们可以使用`overflow`属性来控制元素的溢出内容的显示或隐藏。

具体来说，当一个元素的内容超出了其指定的尺寸时，就会出现溢出内容。这时，我们可以使用`overflow`属性来控制溢出内容的显示方式。常用的`overflow`属性取值包括：

- `visible`：默认值，不进行裁剪，溢出内容会显示在元素外部。
- `hidden`：将溢出内容裁剪，隐藏在元素内部。
- `scroll`：将溢出内容裁剪，但同时在元素内部显示滚动条，用户可以通过滚动条来查看溢出内容。
- `auto`：自动判断是否显示滚动条，如果需要则显示，否则隐藏。

例如，我们可以将一个带有溢出内容的`<div>`元素隐藏溢出内容，代码如下：

<div style="width: 200px; height: 100px; overflow: hidden;">
  这是一个带有溢出内容的div元素，超出了指定的尺寸。
</div>

在上面的代码中，我们使用了`overflow: hidden;`将溢出内容隐藏在了元素内部，用户无法看到。如果我们将`overflow`属性的值设为`scroll`，则会在元素内部显示滚动条。