悬停在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;
}

尽管，悬停上有浮标会使页面上很奇怪。您可以添加padding-right使其略微移动。

Answer 2

您的鼠标悬停当前仅用于元素。如果您希望div做某事，则必须使用＃div2添加一个新部分：悬停

Answer 3

删除

   a:hover
    {
        float: right;
    }   

然后插入

  #div2:hover
        {
            float: right;
        }