Google+關注按鈕不會使用正確的展示位置

我試圖將社交媒體按鈕添加到我的網站。 Facebook和Twitter按鈕放置正確，但Google+不是。當我將小部件添加到我的頁面時，它會顯示出來，但是當我嘗試使用css放置它時，放置位置關閉，無論我進行「底部」還是「頂部」分配，我都無法更改高度放置。它仍然處於同一個頂部/底部位置，雖然它已經水平地改變了它的位置，但是在垂直方向上它不會正確放置。Google+關注按鈕不會使用正確的展示位置

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

來源

2015-04-22 Fulgut98

用代碼創建一個https://jsfiddle.net/來解釋什麼是錯的。 – cDima

通過jsfiddle很難做到這一點，因爲您需要本地主機或其他主機才能看到Facebook和Google+按鈕 – Fulgut98

沒關係，我已經想出瞭如何解決它。如果任何人有同樣的問題，我只是圍繞Google+按鈕做了第二個div，然後使用該div來移動它與CSS。

來源

2015-04-23 18:09:41 Fulgut98

你說的水平位置是正確的，或者至少是在CSS是正確影響它。您的CSS正在使用margin-left水平移動按鈕，但您正在使用top垂直移動它。也許margin-top將適用於垂直放置。您可能還需要刪除絕對位置。

來源

2015-04-22 22:35:54 Chad

我試過了，它仍然不會工作。 – Fulgut98

Google+關注按鈕不會使用正確的展示位置

回答

相關問題