css：overflow-y

最新推荐文章于 2025-06-09 18:20:52 发布

都挺好，刚刚好

最新推荐文章于 2025-06-09 18:20:52 发布

阅读量386

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/seimeii/article/details/133085794

/* 始终显示滚动条 */
overflow-y: scroll

/* 内容超出显示滚动条，未超出不显示滚动条 */
overflow-y: auto;

/* overflow-y 属性 可选值 */

overflow-y: visible; /*内容可见*/
overflow-y: hidden; /*内容隐藏*/
overflow-y:</

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

都挺好，刚刚好

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

CSS中overflow-y: visible;不起作用的原因分析及解决方法

09-22

小编最近遇到这样的需求，移动端的h5页面，要求有一排可选择的卡片, 超出容器部分可以左右滑动，同时每张卡片...接下来通过本文给大家介绍CSS中overflow-y: visible;不起作用的原因分析及解决方法，需要的朋友参考下吧

细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果

01-19

大家可以发现，上网站上查询之后会得到overflow-x和overflow-y的一大堆属性值，但很多网站并没有详细说明各属性值的效果，我们今天细说一下。各属性值如下： visible：默认值，不裁剪内容，可能会显示在内容框...

参与评论您还未登录，请先登录后发表或查看评论

css使用overflow属性控制滚动条的样式

09-22

滚动条的样式我们可以通过css来控制的，滚动条样式主要涉及到如下overflow属性，下面简单为大家介绍下具体的控制属性，感性的朋友不要错过

css中的overflow-y

wangzhen12138的博客

05-20

560

属性用于控制当内容溢出元素框时的行为。例如，如果你想隐藏一个元素框中的垂直滚动条，你可以设置。如果你想让内容在溢出时有一个垂直滚动条，你可以设置。

CSS 中的 `overflow` 属性详解

最新发布

weixin_43991457的博客

06-09

873

CSS的overflow属性用于控制元素内容溢出时的显示方式。主要取值有：visible（默认溢出显示）、hidden（溢出隐藏）、scroll（强制显示滚动条）、auto（自动显示滚动条）和clip（视觉剪裁）。它是复合属性，可通过overflow-x和overflow-y分别设置水平和垂直方向的溢出行为。常见应用包括滚动区域设置、防止布局破坏、制作滚动容器以及实现文本溢出省略号显示。典型案例是当内容超出容器尺寸时自动出现滚动条。

css:overflow-y属性

帅的博客

10-22

1180

css:overflow-y属性

CSS-overflow-y属性

weixin_46254175的博客

05-08

258

参考文档： MDN「overflow-y」 W3C「overflow-y」背景：最近在重构一个比较旧的项目，码着码着，发现了一个小问题。比如这样一个结构：导航栏和菜单栏都是固定不动的，当main盒子中内容当前屏幕放不下的时候，就会滑动来看下面的内容。这是一个最普通的场景了吧，但是你滑滑发现，有两个滚动条，main一个滚动条，最外面还有一个滚动条。。一顿查询知道了这个属性overflow-y。正如MDN所说，这个属性就是用来决定如何处理溢出的内容。 hidden属性，就是来控制不展示滚动条哒～

CSS样式overflow-y属性的使用

dingll8685的博客

04-15

585

今天项目需求，在自定义ExtJS拖拽控件的时候，拖拽容器主体定义成div标签，当拖拽元素宽度超过div标签宽度，拖拽元素会移出拖拽容器（拖拽元素已设置float:left），因此需要设置滚动条，经过实践可以直接为div增加overflow-y样式，设置style属性为overflow-y:auto即可，没超过宽度阈值，滚动条隐藏，超过滚动条显示。 ...

overflow-touch:在 iOS Safari 上使用 overflow-y 的 Web 元素的简单通知覆盖，通知他们可以使用两个手指滚动

07-09

) 用户，他们可以使用两根手指滚动浏览页面元素，否则在完整浏览器中将具有滚动条（overflow-y CSS 属性设置为除了没有之外的其他东西）。用法假设您没有为您的网站使用特别奇特的架构，只需将 repo 中的文件放入...

CSS3 overflow-y 与overflow-y属性

山水子农

07-06

5410

1、overflow-x 如果内容溢出了元素内容区域，是否对内容的左/右边缘进行裁剪。 div { width:110px; height:110px; border:thin solid black; overflow-x:hidden; overflow-y:hidden; } 这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落。这是一个段落

css样式之overflow&overflow-x&overflow-y

xj2wjtx的博客

12-01

1225

overflow&overflow-x&overflow-yoverflow属性值overflow-x属性值overflow-y属性值overflow-x&overflow-y overflow <html> <head> <style type="text/css"> div { background-color: #ccc; width: 80px; height: 80px; overflow: vis

css基础--overflow一

chujinmaolu的博客

06-30

2627

1、overflow剪裁界线border box overflow:hidden，利用BFC的“结界”特性彻底解决浮动对外部或兄弟元素的影响，overflow:hidden声明不会影响元素原先的流体特性或宽度表现。overflow属性原本的作用指定了块容器元素的内容溢出时是否需要裁剪，也就是“结界”只是其衍生出来的特性，“剪裁”才是其本职工作。一个设置了overflow:hidden声明的元素，假设同时存在border属性和padding属性，类似于下面的CSS代码： .box { width: 2

css overflow-x overflow-y.html

weixin_42193179的博客

09-12

263

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>overflow-x && overflow-y</title> <style> /*参考：https://www....

CSS中的overflow属性

2202_75961842的博客

04-01

625

`overflow` 用于控制内容溢出时的显示行为，常见的值有 `visible`、`hidden`、`scroll` 和 `auto`。- `overflow-x` 和 `overflow-y` 提供了分别控制水平和垂直溢出的能力。- 使用 `overflow` 属性时，确保容器有明确的高度或宽度，才能有效控制溢出效果。

html overflow y 样式,css使用overflow属性控制滚动条的样式

weixin_33117401的博客

06-17

3174

滚动条样式主要涉及到如下overflow属性:overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容，其用到的表现形式和值有以下几种overflow: auto; 在需要时内容会自动添加滚动条overflow: scroll; 总是显示滚动条overflow-x: hidden; 禁止横向的滚动条overflow-y: scroll; 总是显示纵向滚动条以上三个属性设置的...

overflow-y 用法

amnotsuperior的专栏

09-25

619

hidden auto scroll 值描述测试 visible 不裁剪内容，可能会显示在内容框之外。测试 hidden 裁剪内容 - 不提供滚动机制。测试 scroll 裁剪内容 - 提供滚动机制。测试 auto 如果溢出框，则应该提供滚动机制。测试 no-display 如果内容不适合内容

CSS深入理解之overflow

muzi187的博客

12-25

2319

慕课学习-->前端开发-->HTML/CSS-->CSS深入理解之overflow overflow 一、overflow基本属性 1、overflow的基本属性值： visible（默认），hidden（不是裁剪是隐藏），scroll（水平和垂直方向都有滚动条轨道），auto（超出容器的方向出现滚动条），inherit（IE8+） 2、Overflow-x和overflow-y

【常用代码06】CSS自定义滚动条样式 overflow-y开启滚动条

qq_51055690的博客

07-28

5689

css自定义滚动条样式

css中overflow、overflow-x、overflow-y使用

qq_43235503的博客

04-23

4805

css中overflow、overflow-x、overflow-y使用

css设置overflow-y:auto和max-height之后，滚动条一直在是为什么啊

03-26

好的，用户问为什么在CSS里设置了overflow-y:auto和max-height之后，滚动条一直显示。首先，我得回忆一下这两个属性的作用。overflow-y:auto的意思是当内容超过容器高度时显示滚动条，否则不显示。max-height则是...