Javascript 当将鼠标悬停在一个元素上时，是什么导致div元素移动？

因此，基本上我将所有div元素（图标）向左浮动，并留有边距，以便在它们之间创建空间，并将它们内联显示。现在的问题是，每当我将鼠标悬停在一个元素（图标）上时，其余元素都会移动。请你解释一下是什么原因造成的，非常感谢。我们很乐意举一些例子

css:

html:

可能有很多因素，最明显的是在元素上设置了
：悬停
，以增加字体大小或更改会影响其位置或大小的内容

我们需要查看代码以确定并验证这就是问题所在

编辑
因此，通过查看您的代码，我可以看到一个主要缺陷。正如我猜测的那样，
：悬停
会影响放置

您将字体大小设置为80px，然后悬停，将其提高为90px。这将增加容器需要的大小。除非在元素上设置“最大高度/宽度”或将“溢出”设置为“隐藏”，否则在修改将增大大小的内容时，它的大小始终会增大，即使仅增大一个像素

在没有看到完整的代码（您添加的代码只是一个片段）并且还需要知道它的外观的情况下，很难尝试为您修改代码

如果你能把它放到一个jsFiddle中，那么我可以尝试修复它，但最好是自己了解哪里出了问题，然后自己如何修复它

希望这一切对您有意义。
您的元素很可能通过鼠标悬停效果连接在一起，从而更改每个元素周围的边框。将鼠标悬停在图元上将更改图元的尺寸。因为它们都是浮动的，所以它们将尽可能地移动以适应更改的元素。
不幸的是，您没有提供足够的信息。我们将需要您的代码来了解您正在悬停的内容、正在更改的内容等。您可能希望删除此问题，直到获得更多信息。您必须发布代码。。！！有几十种可能会导致这个问题。我已经用代码更新了这个问题。我已经更新了这个问题，第四部分包括了所有的css和html@rhys Stewary
    .facebookIc{
    font-size: 80px;
    margin-left: 120px;

    -webkit-transition: font-size 0.3s linear;
    }

    i.icon-facebook-circled:hover{
        color: #3b5998;
        font-size: 90px;
        -moz-transition: all 0.3s ease-in;
        /* WebKit */
        -webkit-transition: all 0.3s ease-in;
        /* Opera */
        -o-transition: all 0.3s ease-in;
        /* Standard */
        transition: all 0.3s ease-in;


    }


    .twitterIc{

    font-size: 80px;
    margin-left: 120px;
    -webkit-transition: font-size 0.3s linear;
    }

    i.icon-twitter-circled:hover {
       font-size: 90px;
        color: #00aced;
        -moz-transition: all 0.3s ease-in;
        /* WebKit */
        -webkit-transition: all 0.3s ease-in;
        /* Opera */
        -o-transition: all 0.3s ease-in;
        /* Standard */
        transition: all 0.3s ease-in;
    }

.contactContent{
position: relative;
height: auto;
width:100%;
background: #b7d84b;
opacity: 0.8;
overflow:auto;
padding: 20px 20px;
}

<section  id = "contactContent" class="contactContent">
<div>
<i class="icon-gplus-circled gplusIc"></i>
<i class="icon-facebook-circled facebookIc"></i>
<i class="icon-mail-circled mailIc"></i>
<i class="icon-twitter-circled twitterIc"></i>
<i class="icon-soundcloud-circled soundcloudIc"></i>
</div>
</section>