overflow:hidden

介绍：他是CSS中一个常用的属性，用于控制元素内容溢出时的表现方式，它的作用是隐藏超出元素边界的内容，并且不会显示滚动条。

作用：1.隐藏溢出内容：当元素的内容（如文本，图片，子元素等）超出了元素的宽度或高度时，超出的部分会被隐藏，用户无法看到。

2.不会显示滚动条：与overflow：scroll或overflow:auto;不同，即使内容溢出也不会显示滚动条。

适用场景：

1.裁剪内容：当你希望隐藏超出容器的内容时，可以使用overflow:hidden,例如实现图片裁剪，隐藏超出边界的文本等。

2.清除浮动：在父元素上设置overflow:hidden:可以触发BFC(块级格式化上下文)，从而清除子元素浮动带来的布局问题。

3：隐藏滚动条

4：结合 position: absolute; 或 transform 等属性，可以实现一些特殊的视觉效果，例如隐藏超出容器的动画元素。