引导程序向右拉动增加了额外的空间

Question

我在容器div内的div上使用了向右拉，但对一些人来说，当我在div上使用向右拉时，会使div更宽，这样它就不会与页面的右侧齐平。我用Chrome检查过这个元素，但我不知道这个额外的宽度是从哪里来的。不是填充物或边距让容器看起来更宽了吗？

问题可以在所有社交媒体图标所在的页面顶部看到。http://puntachivosurfcamp.com/

<div class="container">
   <div class="pull-right">
      <a><img/></a>
      ...
   </div>
</div>

Answer 1

没有这样的额外空间，但文本只是向左对齐，尽管您谈论的容器是pull-right，但其中的对象不是。因此：

1. 在pull-rightdiv上也应用text-right以将文本向右对齐：）
2. 将pull-right应用于div中的每个对象，也就是社交媒体图标（但我建议使用第一种方法）

解释：

容器的宽度大于容器中所有对象的宽度，因此当容器中的对象左对齐时，它会向我们显示，好像右侧有一些额外的空间，但一旦我们将文本向右对齐，我们就会看到，现在空间已经消失，对象现在位于页面的最右侧。