老师,我们是在哪个章节学过overflow 的属性的?

来源:1-7 编程练习

慕尘埃191116

2019-12-18 18:44:59

老师,我们是在哪个章节学过overflow 的属性的?

写回答

1回答

好帮手慕夭夭

2019-12-18

同学你好,overflow在前面float浮动的课程中讲解过,不过课程讲过的是它另一个作用,即清除浮动。overflow可以参考如下理解:

1.overflow可以清除浮动,相关知识可以复习一下前面的课程。地址如下:

https://class.imooc.com/lesson/756#mid=18862

2.overflow另一个作用是当元素超出父容器的时候要如何处理。处理的情况有以下几种:

visible    默认值。内容不会被修剪,会呈现在元素框之外。    

hidden    内容会被修剪,并且其余内容是不可见的。    

scroll    内容会被修剪,但是浏览器会显示滚动条(横向和垂直的)以便查看其余的内容。

auto    如果内容被修剪,则浏览器会显示滚动条(只有垂直方向)以便查看其余的内容。    

举一个例子:

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

文字超出了div,默认内容不会被修剪(visible ):http://img.mukewang.com/climg/5dfa0d4d09680ae004170336.jpg

同学可以练习一下,看看设置不同的属性值有什么变化,例如设置overflow: hidden;

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

内容会被修剪,超出的内容被隐藏:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程