css hover时顶部的内容遮住底部的内容

最新推荐文章于 2024-04-12 10:30:24 发布

林间风雨

最新推荐文章于 2024-04-12 10:30:24 发布

阅读量903

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/jack_rose_me/article/details/111573145

版权

CSS 专栏收录该内容

41 篇文章 2 订阅

订阅专栏

<div class="secondFloor">
    <div class="publish">
        大家今天都提前到公司，并且服装整齐，每个人都说出自己的想法。
大家今天都提前到公司，并且服装整齐，每个人都说出自己的想法。
    </div>
</div>

<div class="thirdFloor">浮在这个内容上</div>
------------------------------------------------------------------

.report-content .card .secondFloor {
        width: 253px;
        height: 40px;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #48515F;
        margin: 10px 0 20px 0;
        line-height: 20px;
        position: relative;
    }
    .report-content .card .publish {
        width: 298px;
        height: 40px;
        padding-left: 45px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .report-content .card .publish:hover {
        position: relative;
        height: auto;
        background: #ffffff;
        overflow: unset;
        -webkit-line-clamp: unset;
        padding-bottom: 10px;
    }