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属性的介绍这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是创新互联网站建设公司，，小编将为大家推送更多相关知识点的文章，欢迎关注！