可以看到，这里的红色小方块是完全跟随省略号的。当省略号出现时，红色小方块必定消失，因为已经被挤下去了，这里把父级 overflow: hidden 暂时隐藏就能看到是什么原理了
然后，可以把刚才这个红色的小方块设置一个足够大的尺寸，并且降低透明度，比如 100% * 100%
.text::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: red;
}
可以看到，红色的块块把右下角的都覆盖了，现在把背景改为白色（和父级同底色），父级 overflow: hidden 重新加上
.text::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #fff;
}
现在看看点击展开的效果吧
