NO.4 css overflow溢出隐藏

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

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


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

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

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值