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

Question

我正在尝试将社交媒体关注按钮添加到我的网站。 Facebook 和 Twitter 按钮放置正确，但 Google+ 不是。当我将小部件添加到我的页面时，它会显示出来，但是当我尝试使用 css 放置它时，放置已关闭，无论我是否使用 "bottom"，我都无法更改高度放置或 "top" 个作业。它仍然在同一个 top/bottom 位置，虽然它已经改变了水平位置，但是垂直位置，它不会正确放置。

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;
}

Answer 1

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

Answer 2

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

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

Google+ follow button won't use correct placement

html

css

google-plus

placement