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://ybzwz.com/article/djdooj.html