1回答

好帮手慕慕子

2020-08-02

已采纳

同学你好，一开始设置overflow：hidden；属性，让超出的内容隐藏，当鼠标移入时，修改overflow属性值为visible，让隐藏的部分显示出来。

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

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

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

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

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

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

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

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

举一个例子：

文字超出了div，默认内容不会被修剪（visible ）：

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

内容会被修剪，超出的内容被隐藏：

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

0