overflow的所有值,overlay不占位

简介: overflow的所有值,overlay不占位
visible: 默认值.内容不会被修剪,会呈现在元素框之外。
hidden: 内容会被修剪,并且其余内容是不可见的。
scroll: 内容会被修剪,总是显示滚动条。
auto: 内容被修剪,超出浏览器会显示滚动条以便查看其余内容,
没有超出则不显示滚动条。
overlay:它的行为与auto相同的,但是在溢出时出现滚动条的展示方式有区分,overlay是覆在内容上面,它是不占位的。auto是占位的。
注意:在Chrome浏览器中受支持;
若设置后在火狐浏览器中滚动条不生效,在写一个overflow: auto;
火狐浏览器中无法像谷歌浏览器里那样overlay;
inherit: 规定应该从父元素继承overflow属性的值。

遇见问题,这是你成长的机会,如果你能够解决,这就是收获。

相关文章
|
3月前
|
Web App开发 前端开发 JavaScript
CSS :has() 选择器:改变游戏规则的父选择器
CSS :has() 选择器:改变游戏规则的父选择器
593 95
|
存储 网络协议 C语言
【C/C++ 串口编程 】深入探讨C/C++与Qt串口编程中的粘包现象及其解决策略
【C/C++ 串口编程 】深入探讨C/C++与Qt串口编程中的粘包现象及其解决策略
986 0
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
433 4
|
API
Element UI Loading 加载组件动态变更 text 值(加载文案)
有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。
1760 0
Element UI Loading 加载组件动态变更 text 值(加载文案)
|
资源调度 JavaScript
布局:px to vw、vh
布局:px to vw、vh
318 0
布局:px to vw、vh
|
12月前
|
Web App开发 JavaScript 数据处理
使用 Vue Performance Devtool 进行性能分析
【10月更文挑战第2天】
715 2
|
前端开发 容器
css动画效果(边框线条流动效果)
css动画效果(边框线条流动效果)
|
前端开发 JavaScript
6种解决移动端1px的方案
6种解决移动端1px的方案
376 0
|
JavaScript API
如何实现图片懒加载
如何实现图片懒加载
182 0
|
应用服务中间件
Web开发:关于Tomcat出现The origin server did not find a current representation for the target resourc...的问题
Web开发:关于Tomcat出现The origin server did not find a current representation for the target resourc...的问题
584 0