Question

我正在尝试在我的网站上添加社交媒体关注按钮。 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;
}

Answer 1

没关系，我已经弄清楚如何解决它。如果有人遇到同样的问题，我只是围绕Google+按钮做了第二个div，然后使用该div将其移动到css。

Answer 2

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

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

2 个答案: