请问老师overflow:hidden到底怎么用?

来源:2-3 html5页面布局(表现层_banner)

TaraTara

2020-03-29 17:20:44

一般是防止float导致的坍塌?这里说的溢出是指什么?

写回答

1回答

好帮手慕慕子

2020-03-29

同学你好,overflow:hidden属性常用的作用有两个,一个是清除浮动元素带来的高度塌陷,一个是元素溢出隐藏

这里的溢出指的是子元素实际占据的宽高可能会超出外层盒子的宽高。老师这里写了一个简单的小示例,帮助同学更好理解,如下:

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

如下子元素超出了父盒子,也叫溢出了

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

添加overflow:hidden;属性后

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

溢出部分就被隐藏起来

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

同学可以结合示例测试理解下,祝学习愉快~

2

0 学习 · 40143 问题

查看课程