以下是一些常见的 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