overflow:hidden;

来源:4-1 小慕医生项目开发(1)

慕用8329000

2020-11-10 17:16:05

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

# 报错信息的截图

# 相关课程内容截图

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

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

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

写回答

1回答

好帮手慕慕子

2020-11-10

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

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

    http://img.mukewang.com/climg/5faa5c3e091fac6c08400544.jpg

    http://img.mukewang.com/climg/5faa5c7b09f13cdb02540126.jpg

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

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

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

祝学习愉快~

0

0 学习 · 15276 问题

查看课程