CSS方向裁切 overflow: clip

1. overflow: clip 为何
• overflow: clip && overflow: hidden 的表现
• overflow: clip 在 x/y 轴上可单独设置
2. 上、下、左、右单个方向上的裁剪

‍本文将给大家介绍一个 CSS 新特性，从 Chrome 90 开始，overflow 新增的一个新特性 — overflow: clip，使用它，轻松地对溢出方向进行控制。

overflow: clip 为何

首先，简单介绍下 overflow: clip 的用法。

overflow: clip: 与 overflow: hidden 的表现形式极为类似，也是对元素的 padding-box 进行裁剪。

但是，它们有两点不同：

1、也就是 overflow: clip 内部完全禁止任何形式的滚动。当然，这个不是今天的重点，暂且略过不谈。

MDN