CSS 的 overflow 属性用于控制元素溢出内容的显示方式。当元素内部的内容超过元素的尺寸时,overflow 属性定义了如何处理这种溢出。

以下是一些常见的 overflow 属性值及其用法:

1. visible(默认值):
overflow: visible; 允许内容溢出元素框,内容会在元素框外部显示。
div {
  overflow: visible;
}

2. hidden(隐藏溢出内容):
overflow: hidden; 隐藏超出元素框的内容,不显示溢出部分。
div {
  overflow: hidden;
}

3. scroll(显示滚动条):
overflow: scroll; 如果内容溢出,显示滚动条。即使内容未溢出,也会显示一个隐藏的滚动条。
div {
  overflow: scroll;
}

4. auto(自动显示滚动条):
overflow: auto; 自动显示滚动条,仅在内容溢出时显示滚动条,否则不显示。
div {
  overflow: auto;
}

5. inherit(继承父元素设置):
overflow: inherit; 表示元素继承父元素的 overflow 属性。
div {
  overflow: inherit;
}

6. initial(初始值):
overflow: initial; 将 overflow 属性重置为其初始值,即 visible。
div {
  overflow: initial;
}

overflow 属性通常用于处理容器内的内容溢出情况。选择适当的值取决于设计需求,例如是否希望显示滚动条、隐藏溢出内容等。


转载请注明出处:http://www.zyzy.cn/article/detail/12536/CSS