首页 > 其他 > 详细

没有设置overflow:hidden的情况下line-height超出盒子范围

时间:2020-04-08 13:28:07      阅读:93      评论:0      收藏:0      [点我收藏+]

当父元素设置有overflow:hidden的情况下,设置line-height的值超出父元素盒子范围时,其内容会被隐藏,而在没有设置overflow:hidden的时候,一般情况下当line-height的值超出父元素盒子范围时,其内容会显示在下面的元素中,但由于下面元素的一些不同情况,其内容有时也会被掩盖。

第一种情况:下面的元素有背景颜色并且定位为relative时:(一定要有定位,如果仅仅只有背景颜色也不会被隐藏)

技术分享图片

 

 第二种情况:下面的元素被图片覆盖(可没有定位),注意是被图片覆盖的地方,在没有图片的地方其内容不会隐藏。

 

---------------------------------------持续关注该类问题--------------------------------------

没有设置overflow:hidden的情况下line-height超出盒子范围

原文:https://www.cnblogs.com/NIFS/p/12658930.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!