css Overflow的使用

CSS Overflow属性用于指定元素的内容溢出容器的处理方式，当元素的内容超出了容器的范围时，会发生溢出。Overflow属性有以下几个值可供选择：

- visible：默认值，内容超出容器范围时不剪裁，允许内容溢出容器。
- hidden：内容超出容器范围时剪裁内容，隐藏溢出的部分。
- scroll：内容超出容器范围时显示滚动条，用户可以通过滚动条滚动并查看溢出的内容。
- auto：内容超出容器范围时，根据内容是否溢出来显示滚动条，如果没有溢出则不显示滚动条。

示例代码如下：

.container {
  width: 200px;
  height: 200px;
  border: 1px solid #000;
  overflow: scroll;
}

这个例子中，容器的宽度和高度都是200px，当容器内的内容超出200px时，会出现滚动条，用户可以通过滚动条查看溢出的内容。