NO.4 css overflow溢出隐藏

本文详细介绍了CSS中用于处理块级元素内容溢出的overflow属性。包括三种取值:hidden(隐藏溢出内容)、scroll(始终显示滚动条)、auto(仅在需要时显示滚动条)。并配以直观图解说明不同取值的效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

######当一个块级元素(容器)的内容在垂直方向发生溢出时,可以用overflow属性来处理。

语法格式:
选择器{overflow:值} 
或
选择器{overflow-x:值}
选择器{overflow-y:值}


overflow有三种可取值:
1.hidden:把溢出容器的内容直接清除。
2.scroll:在内容显示区域产生滚动条,无论区域内容是否溢出。
3.auto:当内容溢出时,才会产生滚动条,反之则不会产生滚动条。(此属性只被部分浏览器支持。)

图解:
未设置overflow属性时
在这里插入图片描述
1.overflow:hidden
在这里插入图片描述

2.overflow:scroll
在这里插入图片描述

3.overflow:auto
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值