老师帮我解释一下overflow属性

来源:2-15 position-sticky(了解即可)

原来是晓琪_

2019-04-16 14:52:51

overflow:scroll;具体什么意思

写回答

1回答

好帮手慕夭夭

2019-04-16

你好同学,overflow:scroll;的意思当内容溢出元素,让元素出现滚动条以便查看其余的内容。老师给你写一个小例子,可以自己照着练习一下,能够帮助自己更好的理解,如下:

一个盒子显示了宽度,但是它里面内容很多,这样内容会溢出

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

显示:

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

overflow就是用来处理这些溢出的内容如果显示,例如设置scroll就是让盒子出现滚动条,这样滚动显示多出的内容

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

效果显示:

滚动查看内容

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

不过这个scroll这个属性值用到的不多,了解一下即可。常见的是设置如下:

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

意思是超出的内容让它隐藏,效果如下:

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

扩展:overflow: hidden;还有一个作用是清除浮动,这个会在浮动课程讲解。以上先简单了解哦。

祝学习愉快 ,望采纳。


3

0 学习 · 40143 问题

查看课程