Css 无法正确浮动google plusone按钮并使其工作

我有一个div，包含类似Facebook的按钮、googleplusone和一个email按钮。我用float:right浮动了div，但是googleplusone不再是可点击的。Facebook按钮可在按钮的2/3处单击

当我从BookContain类中删除float:right时，它只在左边正常工作。我试过移除float：对，并用相对定位代替它，但谷歌plusone还是不喜欢它

这里有一个例子

块的CSS是

.bookcontain {
margin-top:5px;
float:right;
}
.bookcontain ul {
text-align:left;
list-style:none;
margin:0;
padding:0;
}
.bookcontain ul li{
text-align:left;
display:inline-block;
padding:0 2px 2px 0;
margin:0 0 0 5px;

}
 .bookcontain ul li.google {
vertical-align:top; 

}

我还发现Firefox显示Google plusone在块中的位置更低。。。这可能与上述问题有关

---

任何想法都将不胜感激

在文件中执行以下更改

在socialBookMarks结束分区后放置

移除垂直对齐：顶部；来自CSS5.css第22行

---

这些更改将使您的按钮保持在右侧，可单击并正确对齐

按钮不可单击，因为它们被tabs div隐藏

这里有一个快速解决方法

添加此CSS以将按钮放置在选项卡div上方：

#socialBookMarks{
    position: relative;
    z-index: 9;
}

这将向上移动Google+按钮：

.google{
    position: relative;
    top: -13px;
}

---

我将很快更新CSS以修复按钮的位置…

ah。。。这很有帮助。z-索引可以做到这一点。只是检查Google+按钮的位置，因为FF和IE正在做不同的事情。我无法让Google按钮向上移动。我尝试了：.google{top:-13px；top:0px\9；}使用和不使用hack。通过向包含div添加高度：20px找到了解决方案。非常感谢您帮助获取z索引。。。这已经是几个星期以来的问题了。。。。现在解决了。非常感谢利宾。。。由于z索引隐藏了div，问题已经显现出来。增加z索引会将div带到最前面，因此它可以单击。我现在的问题是让FF显示GooglePlus的对齐方式。我还注意到，您的标签和内容之间存在差距。通过移除垂直对齐：顶部；从第22行开始，它会修复，但会弄乱里面的内容。你说得对。删除第22行可以修复它，但是删除它会影响很多页面，包括其中的内容。我会继续寻找解决办法我有个解决办法。。。添加高度：20px到包含分区。似乎在IE、FF、Safari和Chrome中都可以正常工作。我只想感谢你的指导。