成都网站建设设计

将想法与焦点和您一起共享

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://chengdu.cdxwcx.cn/article/jjspje.html

其他资讯