overflow: auto;

这是一个CSS属性，用于控制元素的溢出内容的显示方式。当元素的内容超出其指定的高度和宽度时，会出现溢出。使用overflow属性可以控制溢出内容的显示方式，包括隐藏、滚动和自动扩展等。

- 当设置为hidden时，溢出内容会被隐藏。
- 当设置为scroll时，会在元素内部生成滚动条，用户可以通过滚动条查看溢出内容。
- 当设置为auto时，浏览器会自动选择最合适的显示方式，如果需要则会生成滚动条。

相关问题

overflow: auto

overflow: auto是一个CSS属性，用于在内容超出其容器尺寸时显示滚动条以便查看其余内容。当给父元素添加overflow: auto时，父元素会根据其内容的高度而自适应高度，当内容超出容器高度时，会显示滚动条。该属性常用于处理在某个容器内部需要滚动查看内容的情况，比如移动端页面、长列表等场景。此外，可以通过设置overflow: hidden来隐藏滚动条，或者使用其他属性来定制滚动条的样式。在flex布局中，可以结合使用overflow: auto和flex-shrink: 0来实现弹性盒子的横向滚动条效果。

overflow:auto

overflow:auto是CSS属性，用于设置元素的溢出内容的处理方式。当元素的内容超出其指定的高度或宽度时，溢出内容会隐藏。然而，通过设置overflow:auto，元素将自动显示滚动条，以便用户可以滚动查看溢出的内容。

如果元素的内容没有超出容器的尺寸，滚动条将不会显示。当内容超出容器尺寸时，滚动条将自动出现，允许用户滚动查看隐藏的内容。

例如，假设有一个固定高度和宽度的 `<div>` 元素，并且其内容超出了其指定的尺寸。通过为该元素设置`overflow:auto`，将在需要时显示滚动条，以便用户可以滚动查看隐藏的内容。

div {
  width: 200px;
  height: 200px;
  overflow: auto;
}

这样做可以确保元素的内容在超出容器尺寸时仍然可访问，并且不会影响其他元素的布局。