一旦定位改变，就不能让div排队

Question

我试图让http://www.shabbatdinnerfilm.com/new/的三个社交分享按钮排成一行，我不确定他们为什么不这样做。第三个是div而不是a，相对定位，其中有一个绝对定位的div。

有什么想法吗？ 谢谢大家！

Answer 1

在.socialsharez .sharebutton代码的CSS选择器a中使用此代码：

.socialsharez .sharebutton {
   vertical-align:top;
}

Answer 2

div标签是块元素，标签是内联元素。所以要让他们排队需要额外的css。我会为你的“注册”div添加顶级定位。

.socialsharez #signup {

  background-color: #383630;

  position: relative;

  top: 9px;

}

这应该有效，因为你已经给它相对定位。

Answer 3

是的，将vertical-align:top;与.sharebutton一起使用或将top:9px与#signup一起使用是正确的，但我不明白为什么你不使用{{1} }和float:left与display:block。

如果您这样做，请不要忘记最后.sharebutton clear。