css如何加滚动条
本篇内容介绍了“css如何加滚动条”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
在固阳等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站设计、成都网站建设 网站设计制作专业公司,公司网站建设,企业网站建设,品牌网站设计,成都营销网站建设,外贸网站制作,固阳网站建设费用合理。
css添加滚动条的方法是,给div添加overflow属性,并且设置属性值为scroll,如【overflow: scroll;】。overflow属性指定了内容溢出时,会发生什么。
本文操作环境:windows10系统、css 3、thinkpad t480电脑。
要添加滚动条其实很简单,有一个属性overflow,它指定了如果内容溢出一个元素的框,会发生什么。
来看看属性值:
visible 默认值。内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,并且其余内容是不可见的。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit 规定应该从父元素继承 overflow 属性的值。
示例:
创新互联(php.cn) overflow 属性
如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。
overflow: scroll:
创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!overflow: hidden:
创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!overflow: auto:
创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!overflow: visible (默认):
创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!创新互联,梦开始的地方!
大家可以将上面的代码复制到本地,然后在本地运行看看效果。
“css如何加滚动条”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
网站栏目:css如何加滚动条
文章来源:http://myzitong.com/article/jjspje.html