Google+ 关注按钮不会使用正确的位置答案

【问题标题】：Google+ follow button won't use correct placementGoogle+ 关注按钮不会使用正确的位置
【发布时间】：2015-04-22 22:30:56
【问题描述】：

我正在尝试将社交媒体关注按钮添加到我的网站。 Facebook 和 Twitter 按钮放置正确，但 Google+ 不正确。当我将小部件添加到我的页面时，它会显示出来，但是当我尝试使用 css 放置它时，该位置已关闭，并且无论我是否进行“底部”或“顶部”分配，我都无法更改高度位置。它仍然在同一个顶部/底部位置，虽然它在水平方向上改变了位置，但在垂直方向上，它不会正确放置。

html:

<head>
<script src="https://apis.google.com/js/platform.js" async defer></script>
</head>

<body>
</body>

<footer>
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/111912430241269180209" data-rel="author"></div>
</footer>

css:

.googlePlusTextForButton{
    position: absolute;
    color: #ffffff;
    top: 30px;
    left: 50%;
    margin-left: 300px;
}

【问题讨论】：

用代码创建jsfiddle.net 来解释问题所在。
通过 jsfiddle 很难做到这一点，因为您需要本地主机或其他主机才能看到 Facebook 和 Google+ 按钮

标签： html css google-plus placement

【解决方案1】：

没关系，我已经找到解决方法了。如果有人有同样的问题，我只是在 Google+ 按钮周围制作了第二个 div，然后使用该 div 用 css 移动它。

【讨论】：

【解决方案2】：

您说水平放置是正确的，或者至少 css 正确地影响了它。您的 css 使用 margin-left 水平移动按钮，但您使用 top 垂直移动它。也许margin-top 将适用于垂直放置。您可能还需要删除绝对定位。

【讨论】：