overflow属性对before、after伪元素的影响

Daming 2019-09-04
0条评论 856 次浏览
Daming 2019-09-040条评论 856 次浏览

容器元素定义了:before 用于显示一些提示类的图标,因为需要对容器内超出范围的内容做处理,添加了overflow:hidden,但是 导致了 :before 伪元素也被裁掉了.

::before 会为当前元素创建一个子元素作为伪元素。常通过 content 属性来为一个元素添加修饰性的内容。 此元素默认为行内元素。

:before :after相当于容器的子元素,overflow 不为visible 时子元素 显示不出来。

解决方案:

在该div上内嵌了一个div,在此内嵌的div上添加overflow及width height元素 .

1+

发表评论

电子邮件地址不会被公开。