css flex和overflow做什么用的

CSS Flexbox（弹性盒子）是一种布局模式，它可以使容器中的元素在任何屏幕尺寸下都能够自适应排列，并可以轻松地实现垂直和水平居中等效果。

Overflow属性用于控制一个元素的内容是否超出其包含框（容器）的范围。当元素的内容超出容器的范围时，可以使用overflow属性来指定如何处理超出范围的内容。overflow属性有以下几个取值：

- visible：元素内容不会被修剪，超出容器范围的内容会呈现在容器外部。
- hidden：元素内容会被修剪，超出容器范围的内容将不可见。
- scroll：元素内容会被修剪，超出容器范围的内容将以滚动条的形式展示。
- auto：浏览器会根据需要自动添加滚动条，如果没有超出容器范围，则不会添加滚动条。

结合使用flex和overflow属性，可以轻松实现各种复杂的布局和样式效果。例如，可以使用flex布局将元素自适应排列，然后使用overflow属性控制当元素内容超出容器范围时如何处理。