Question

我很难让我的社交div正确浮动。我注意到当我添加浮动时：正确的是身体尺寸的大小改变了，这就是为什么它将div向下移动一点但没有浮动：正确的身体大小是正确的。我该如何解决这个问题？

这是我的代码：

    #social{
      width:102px;
      height:34px;
      padding-left:1%;
      padding-top:1%;
    }
    body{
      background-image: url('images/bg-2.jpg');
      background-repeat: no-repeat;
      background-position:bottom;
      background-attachment: fixed;
      -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
      max-width: 100%;
      overflow-x:hidden;
    }

Answer 1

您甚至不需要使用float: right，请使用下面的CSS，这应该可以完美运行：

#social {
     width: 100%;
     height: 34px;
     padding-right: 1%;
     padding-left: 0%;
     padding-top: 1%;
     text-align: right;
}

#icons {
     padding-right: 0.5%;
}

Answer 2

实际上问题在于您的边距，只需调整#block元素上的边距，问题就会解决例如，关闭#block的边距（左边距和上边距）并将float：right应用于#social并查看。

Answer 3

问题在于margin-top:15%上的#block。

将position: absolute;添加到您的#block样式，然后float:right添加#social

解决了这个问题.....

Float：就在响应式网站上

3 个答案: