【hover效果导致footer上下跳动 _hover 】

hover效果导致footer上下跳动

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(0)

hover

详细描述

截图

代码

 <h3 class="link-h">友情链接</h3>

    <section class="link-total">

        <div class="link-top">
            <ul class="link-fir">
                <li>手机软件</li>
                <li>手机软件</li>
            </ul>

            <ul class="link-sed">
                <li>教师招聘</li>
                <li>教师招聘</li>
            </ul>


            <ul class="link-thir">
                <li>找工作</li>
                <li>找工作</li>
            </ul>


            <ul class="link-for">
                <li>手机软件</li>
                <li>手机软件</li>
            </ul>


            <ul class="fif">
                <li>教师招聘</li>
                <li>教师招聘</li>
            </ul>

        </div>


        <div class="link-bottom">
            <ul class="link-fir">
                <li>手机软件</li>
                <li>手机软件</li>
            </ul>

            <ul class="link-sed">
                <li>教师招聘</li>
                <li>教师招聘</li>
            </ul>


            <ul class="link-thir">
                <li>找工作</li>
                <li>找工作</li>
            </ul>


            <ul class="link-for">
                <li>手机软件</li>
                <li>手机软件</li>
            </ul>


            <ul class="fif">
                <li>教师招聘</li>
                <li>教师招聘</li>
            </ul>


css：

.link-total {
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #999999;
}


.link-top {
    display: flex;
    line-height: 2;
}

.link-bottom {
    display: flex;
    line-height: 2;
}


.link-total li:hover {
    border-bottom: 1.2px solid #29B078;
}

编辑于2024-11-19