css的overflow属性的介绍

这篇文章主要讲解了“css的overflow属性的介绍”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“css的overflow属性的介绍”吧！

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

　　overflow有以下四个属性值

　　visible：初始值，内容不会被修剪，会呈现在元素框之外。

　　scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

　　hidden：内容会被修剪，并且其余内容是不可见的。

　　auto：如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

　　如何设置overflow属性：

　　div

　　{

　　width:150px;

　　height:150px;

　　overflow:scroll;

　　}

　　浏览器支持

　　所有主流浏览器都支持overflow属性。

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

　　定义和用法

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

　　说明

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

　　默认值：

　　visible

　　继承性：

　　no

　　版本：

　　CSS2

　　JavaScript语法：

　　object.style.overflow="scroll"

　　可能的值

　　值

　　描述

　　visible默认值。内容不会被修剪，会呈现在元素框之外。

　　hidden内容会被修剪，并且其余内容是不可见的。

　　scroll内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。

　　auto如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

　　inherit规定应该从父元素继承overflow属性的值。

感谢各位的阅读，以上就是“css的overflow属性的介绍”的内容了，经过本文的学习后，相信大家对css的overflow属性的介绍这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！