老师请问为什么把p:hover{overflow:inherit;}这样设置，就可以全部显示了？

首页课程实战体系课手记专栏慕课教程

来源：1-7 编程练习

慕大斯

2019-08-09 17:59:54

<!DOCTYPE html>

<html>

<head>

<title>text-overflow</title>

p { width: 500px;font-size:20px; margin: 10px auto; background: #abcdef;

overflow:hidden;

}

/*此处写代码*/

.p1{text-overflow:ellipsis;

}

.p2{text-overflow:clip;}

p:hover{overflow:inherit;}

</style>

</head>

<body>

<p class="p1">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

<p class="p2">bababadalgharaghtakamminarronnkonnbronntonne,rronntuonnthunn,trovarrhounawnskawntoohoohoordenenthurnuk</p>

</body>

</html>

写回答

1回答

好帮手慕星星

2019-08-09

已采纳

同学你好，代码实现效果没有问题。

inherit是继承值，也就是继承父元素的overflow值。父元素为body，body默认的overflow属性值为visible：

所以移入p的时候内容也会显示出来。

祝学习愉快！

0 学习 · 40143 问题

相似问题

回答 2

回答 2

回答 1

回答 1

回答 1