css的overflow属性的介绍-创新互联

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

创新互联提供成都网站设计、成都网站制作、网页设计,品牌网站制作广告投放等致力于企业网站建设与公司网站制作,10余年的网站开发和建站经验,助力企业信息化建设,成功案例突破上1000家,是您实现网站建设的好选择.

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


分享名称:css的overflow属性的介绍-创新互联
转载源于:http://scyanting.com/article/djdooj.html