css怎么实现超出范围加滚动条


本文摘自PHP中文网,作者V,侵删。

css实现超出范围加滚动条的方法:我们可以使用overflow属性来实现,具体代码如【div{overflow: scroll;}】。overflow属性规定当内容溢出元素框时发生的事情。

本文操作环境:windows10系统、css 3、thinkpad t480电脑。

相关属性介绍:

overflow 属性规定当内容溢出元素框时发生的事情。

说明:

这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。

属性值:

  • visible 默认值。内容不会被修剪,会呈现在元素框之外。

  • hidden 内容会被修剪,并且其余内容是不可见的。

  • scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。

  • auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。

  • inherit 规定应该从父元素继承 overflow 属性的值。

(学习视频分享:css视频教程)

具体代码:

阅读剩余部分

相关阅读 >>

网页中内容超出div等容器显示滚动条

css padding属性怎么用

css想让块靠右该如何实现

css元素选择器的运作原理介绍

详解css行高line-height属性

css中一个冒号(:)和两个冒号(::)的区别

css怎么设置li不要点

css和div的区别是什么

css实现禁止选中文本

网页设计css样式代码大全,快来收藏吧!

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...