overflow:hidden;

overflow:hidden;

# 具体遇到的问题
overflow:hidden;怎么使用呢?什么情况使用呢?

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,对于你的问题解答如下:

  1. overflow:hidden;的一个作用是隐藏超出的内容,示例:给盒子设置固定高度,添加overflow:hidden;属性,超出盒子的内容就会被隐藏起来。

    http://img1.sycdn.imooc.com//climg/5faa5c3e091fac6c08400544.jpg

    http://img1.sycdn.imooc.com//climg/5faa5c7b09f13cdb02540126.jpg

  2. overflow:hidden;的另一个作用就是形成BFC,解决盒子margin塌陷和浮动带来的影响的问题

  3. 一般情况下,根据实际要实现的效果选择是否使用overflow:hiddenl就可以了,例如:想要让超出盒子的内容隐藏,那么此时就可以使用overflow:hidden;了。

有关overflow:hidden;在前面的课程中有详细的讲解,同学可以回顾下,加深理解,https://class.imooc.com/lesson/1614#mid=38861 

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师