overflow的所有值,overlay不占位

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

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

相关文章
|
4月前
|
Web App开发 前端开发 JavaScript
CSS :has() 选择器:改变游戏规则的父选择器
CSS :has() 选择器:改变游戏规则的父选择器
628 95
|
JavaScript 开发者
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
Vue状态管理: 在Vuex中,什么是mutation?它们应该如何使用?
452 4
|
API
Element UI Loading 加载组件动态变更 text 值(加载文案)
有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。
1788 0
Element UI Loading 加载组件动态变更 text 值(加载文案)
|
资源调度 JavaScript
布局:px to vw、vh
布局:px to vw、vh
339 0
布局:px to vw、vh
|
前端开发 JavaScript
6种解决移动端1px的方案
6种解决移动端1px的方案
389 0
|
前端开发 JavaScript
React技术栈-React UI之ant-design使用入门
关于React技术栈中使用ant-design库的入门教程,包括了创建React应用、搭建开发环境、配置按需加载、编写和运行代码的步骤,以及遇到错误的解决方法。
237 2
React技术栈-React UI之ant-design使用入门
|
JavaScript API
如何实现图片懒加载
如何实现图片懒加载
209 0
|
JSON 运维 安全
系统日志规范及最佳实践(2)
系统日志规范及最佳实践
531 0
系统日志规范及最佳实践(2)
解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
解决ERROR in Conflict: Multiple assets emit different content to the same filename index.html 的问题
1075 0
Error:Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style
Error:Expected linebreaks to be ‘LF‘ but found ‘CRLF‘ linebreak-style