CSS overflow属性用法总结

CSS的overflow属性用法总结：

    一个小知识点，积累一下。最近又开始接触界面了，也正好复习一下。

一、定义和用法：

    overflow 属性规定当内容溢出元素框时发生的事件。

二、说明：

    这个属性定义溢出元素内容区的内容会如何处理。若是值为 scroll，不管是否须要，用户代理都会提供一种滚动机制。所以，有可能即便元素框中能够放下全部内容也会出现滚动条。

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

三、例如：

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

四、浏览器支持：

    全部主流浏览器都支持 overflow 属性

五、可能的值

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

注：任何版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"

PS：“骐骥一跃，不能十步；驽马十驾，功在不舍；锲而舍之，朽木不折；持之以恒，金石可镂。”

备注：以上资料参考自http://www.w3school.com.cn，特此声明。