CSS overflow 属性

css overflow 属性指定如果内容溢出一个元素的框,会发生什么

默认值visible
继承no
版本CSS2
JavaScript 语法object.style.overflow="scroll"

语法

overflow: visible | hidden | scroll | auto | inherit


属性值

描述
visible默认值。内容不会被修剪,会呈现在元素框之外
hidden内容会被修剪,并且其余内容是不可见的
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容
auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容
inherit规定应该从父元素继承 overflow 属性的值

浏览器支持

在 Mac OSX Lion 滚动条显示默认是隐藏的,只有当被使用(即使 "overflow:scroll" 已设置)


范例

设置 overflow 属性进行滚动

 div {
    width:150px;
    height:150px;
    overflow:scroll;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_406

目录选择