overflow-y

  • 版本:CSS2/3
  • 媒体:视觉

overflow-y语法:

overflow-y<overflow-style>

<overflow-style> = visible | hidden | scroll | auto | paged-x | paged-y | paged-x-controls | paged-y-controls | fragments

默认值visible

适用于:块容器,弹性盒容器,grid容器

继承性:无

动画性:否

计算值:指定值

overflow-y取值:

visible:
对溢出内容不做处理,内容可能会超出容器。
hidden:
隐藏溢出容器的内容且不出现滚动条。
scroll:
隐藏溢出容器的内容,溢出的内容将以卷动滚动条的方式呈现。
auto:
当内容没有溢出容器时不出现滚动条,当内容溢出容器时出现滚动条,按需出现滚动条。此为body对象和textarea的默认值。
paged-x:
TODO...(CSS3)
paged-y:
TODO...(CSS3)
paged-x-controls:
TODO...(CSS3)
paged-y-controls:
TODO...(CSS3)
fragments:
TODO...(CSS3)

overflow-y说明:

检索或设置对象处理纵向溢出内容的方式。参阅overflowoverflow-x属性
  • 对应的脚本特性为overflowY

overflow-y兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6.0-11.0 #1 3.5-25.0 #1 3.0-5.1.7 #1 1.0-31.0 #1 9.5-18.0 #1
  1. 不支持:paged-x | paged-y | paged-x-controls | paged-y-controls | fragments

overflow-y示例:

CSS常见布局解决方案

说起css布局,那么一定得聊聊盒模型,清除浮动,position,display什么的,但本篇本不是讲这些基础知识的,而是给出各种布局的解决方案...6月3日

纯CSS实现瀑布流布局

所以当时出现过很多实现瀑布流布局的插件。比如Masonry、Isotope等都是非常有名的插件。但使用纯CSS来实现,当时还是非常困难的...4月14日

这可能是史上最全的CSS自适应布局总结

大体上,布局中会用到的有:尺寸相关的盒子模型,普通流、浮动、绝对定位三种定位机制,CSS3中的transform、弹性盒子模块、试验中的grid模块...3月3日

Web布局新系统:CSS Grid,Flexbox和Box Alignment

使用CSS来完成Web布局开始就并没有真正的完成复杂的Web布局。虽然我们使用很多技术手段能实现Web的固定布局,但是这些方法在响应式设计中又出现很多局限性与不足...2016年12月19日

CSS Grid布局未来的特性

一篇有关于CSSGrid的新规范,当时只得到IE的支持。我当时没有意识到CSSGrid布局会成为一个主题。从此之后,我为此付出了四年的时间来研究、测试Grid布局...2016年12月20日

Chrome 57正式版发布:支持CSS Grid布局

macOS和Windows操作系统。在最新稳定版本中,带来了诸多Beta通道测试的新功能和改善,其中最值得关注的是CSSGrid布局,改进版本的...3月12日

CSS高效开发实战》的书。最近无意中从以前的一堆onenote笔记中翻到一点读那本书的时候的笔记。书写的并不好建议不要看,但是这部分知识讲的比较详细,就把它们挂到博客来咯。1...2016年12月29日

原生 CSS 网格布局学习笔记

CSS网格,可以说是在CSS网格方面有一定的发言权。在这篇文章中...2016年12月8日

css Table布局-display:table

当他们使用display:table用来表仪式的布局(或圣杯布局)的时候。回想起来,头脑麻木而且倔强的我花了大把时间,为此写了一堆CSShack,是多么的可笑...2016年10月9日

前端开发应该怎么学(含CSS布局练习源码)

从布局开始,已经学会了基本的布局方式,以及知道了平时看到的一些交互式页面,其实是通过CSS的技术做出来的...2016年12月4日

图文列表 纯css布局

不知你们是如何使用。接下来说说我的做法!!顶部的排序,就弄个色块吧。默认|价格|销量|人气这里是列表CSS:.container{width:1200px...2016年10月31日

CSS3参考手册,全网最新最全的CSS3参考手册,为你呈现最好的CSS3文档CSS3参考手册