Css 如何右对齐+；一个按钮？

我读了这篇文章，尝试了不同的方法，但都不管用。我在div容器中有+1按钮。容器是向右浮动的，我还尝试为按钮应用“align:right”属性，但无论我做什么，它都不会向右对齐。 我的代码现在是这样的：

<div class="g-plusone" data-annotation="none" align="right"></div>

---

我觉得我快疯了，有人能帮帮我吗？

试试这个，用span作为你的g-plus按钮，然后把它放在一个div中，然后将div向右对齐

<div class="g-plusone" data-annotation="none" align="right">
<span>

<!--your content-->
</span>

</div>

---

不太了解google plus，但是如果这个问题是因为google用iframe或类似的东西替换了div，那么您可以使用hack选项将其包装为：

---

您需要为div设置一个宽度，否则div会自动获取容器的宽度，因此向左或向右浮动不会产生任何差异，因为宽度为100%

更新

---

如果在Chrome或Firefox中测试站点，请单击web developer工具，选择outline>outline block level elements。这将显示包含div的轮廓以及其中的块级元素。这为从何处开始解决对齐问题提供了线索。例如，元素是否在窄容器中右对齐，右对齐但宽度为100%，或者对齐方式是否在代码的其他位置被覆盖。

将

文本对齐：右对齐添加到容器中

它在这里试过，它起作用了：
您能给我们展示一下.g-plusone的整体风格吗？div

的父容器是什么？如果父级的大小正好匹配+1按钮，并且它是左浮动的，+1将向右浮动，但将不可见，因为它正好适合父级容器g-plusone类的整个样式如下：.g-plusone{float:right！important；}父级容器是.headerSocials，并且它具有以下样式：.headerSocials{float:right；width:260px；}因此，宽度与g-plusone div的宽度不同。我使用float:right将g-plusone width设置为32px，但仍然没有发生任何变化。没有注释放入span。如果没有内容放入span，脚本将放在那里。我设置了正常宽度，但仍然没有更改：（.g-plusone）{width:32px！重要；float:right！重要；}上帝保佑你！它工作得非常完美！因此解决方案是将“text align:right；”设置到父容器中！非常感谢！）

<div class="g-plusone" data-annotation="none"><g:plusone align="right"></g:plusone></div>

.g-plusone{float:right!important;}

<div class="g-plusone" data-annotation="none" align="right">
<span>

<!--your content-->
</span>

</div>