一旦定位发生变化，就无法将div排列起来

Question

我试图让http://www.shabbatdinnerfilm.com/new/上的三个社交分享按钮排队，我不确定它们为什么不排列。第三个是一个div，而不是一个a，相对定位，其中包含绝对定位的div。

任何想法？ 谢谢大家！

Answer 1

是的，这是正确的，使用vertical-align:top;与.sharebutton或添加top:9px与#signup的工作，但我不明白这是为什么你不使用float:left和display:block与.sharebutton。

如果你这样做，不要忘了clearfloat在最后。

Answer 2

在该CSS选择.socialsharez .sharebutton为a标签使用这样的：

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

Answer 3

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

.socialsharez #signup {

background-color: #383630; 

    position: relative; 

    top: 9px; 

}

这应该是因为你已经给了它的相对定位的工作。