CSS overflow 属性

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

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

语法

overflow: visible | hidden | scroll | auto | inherit

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

下表中的数字表示支持该属性的第一个浏览器版本号


1.0	4.0	1.0	1.0	7.0

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

设置 overflow 属性进行滚动

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

CSS 基础教程 CSS 定位