css如何盒子溢出隐藏

在CSS中，如果你想要隐藏元素的溢出内容，可以使用`overflow`属性。这个属性控制元素的内容溢出到其容器区域之外的行为。以下是几种常见的值：

1. **hidden** (默认): 溢出的内容会被完全隐藏起来，不会显示出来。

   .example {
     overflow: hidden;
   }

2. **scroll**: 当内容超过容器并且滚动条出现时，溢出内容会显示，但用户需要手动滚动查看。
3. **auto**: 如果内容的高度或宽度超过了容器，浏览器会自动生成滚动条。
4. **visible**: 默认行为，如果内容溢出，它会显示出来。

如果你想只隐藏部分溢出的部分（比如图片的一部分超出），可以配合`clip`属性一起使用，如 `clip-path` 或 `overflow: clip;`。

.example {
   overflow: hidden;
   clip-path: rect(0 200px auto); /* 只保留高度200px */
}