javascript - 无法使用 CSS 定位 Google +1 按钮?

标签 javascript html css positioning

我在定位我网站上的 Google +1 按钮时遇到了一些问题。 div如下:

<div class="g-plusone"></div>

我使用的 CSS 非常简单:

.g-plusone
{ 
position: absolute; 
top:95px;
left:715px; 
}

尽管看起来很简单,但它根本不想移动。

我知道有问题的 div 正在被访问。奇怪的是,其他社交分享按钮,例如下面的 FB,遵循相同的语法并且位置完美。

.fb-like 
{
position: absolute; 
top:62px;
left:715px; 
}

不幸的是,将 !important 添加到值中没有任何作用。

有什么想法吗?

最佳答案

当 Google 加载 +1 按钮时,.g-plusone 类似乎消失了,因此请尝试将此 DIV 放入另一个 DIV 中,如下所示:

HTML:

<div class="google-button">

    <div class="g-plusone"></div>

</div>

CSS:

.google-button
{ 
position: absolute; 
top:95px;
left:715px; 
}

关于javascript - 无法使用 CSS 定位 Google +1 按钮?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11005860/

相关文章:

javascript - jQuery clone() 问题

javascript - 将光标置于子 div 的中心 - mousemove 事件

javascript - 尝试为图表制作动画

html - 如何在左侧导航栏中使用topnav

html - 如何让我的 Logo 和导航栏位于同一行?

javascript - 如果我单击正文任何元素,如何隐藏下拉菜单?

javascript - 导航栏粘性收缩不起作用

javascript - jquery将选定的属性分配给具有空格或特殊字符值的选择元素

javascript - 如何在内容上构建拉出式抽屉

html - 没有绝对位置的图像上的文本