前端 - a:hover时滑出div2，想在鼠标离开a到了div2上面该div2依旧显示，移到其它地方还是保留a:hover效果。

Question

想让鼠标离开a元素移到p2上p2依旧显示，但是移到a元素和p2以外的地方就还是不显示

<a href="#">hover</a>
    <p class="p2">
        
    </p>

a:hover + .p2{
        display: block;    
        animation: 0.5s p2 ease-in forwards;
        
    }
    @keyframes p2{
        0%{height: 0; }
        100%{height: 200px; }
    } 
    .p2{
        width: 200px;
        background-color: red;
        
    }

Answer 1

把 .p2 當作 a 標籤的子元素吧，然後用 position: absolute 調整位置

Answer 2

雷雷

Answer 3

把a標籤和p放在同一個p中，js設定這個父級p的hover方法，也可以把p放在a標籤內，把a標籤設定display: block;再用定位、浮動等調整位置。

Answer 4

竟然要這樣，為何不把p放到A標籤裡