html - 将鼠标悬停在 DIV 上时如何移动它

Question

所以我正在做一个学校元素(这里是编码初学者)，当你将鼠标悬停在它上面时，我需要移动一个 div。

这是我的那个 div 的 css 代码:

#div2
{
    box-shadow: 4px 4px 10px;
    width: 80%;
    height: 220px;
    font-size: 15px;
    margin-left: 5%;
    margin-bottom: 3%;
    text-align: center;
    margin: auto;
    background-color: #99CC00;
    a:hover
    {
        float: right;
    }
}

当你将鼠标悬停在它上面时，我需要让整个盒子向右移动。如果有人能帮助我，那就太棒了!

Answer 1

如果您想要移动整个 div，您可以制作一个新的 div id，并将鼠标悬停在它上面。不仅仅是链接可以悬停。

例子:

#div2:hover {
   float: right;
}

不过，在悬停时有一个 float 在页面上会很奇怪。您可以添加 padding-right 使其移动一点点。