一旦定位發生變化，就無法將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; 

}

這應該是因爲你已經給了它的相對定位的工作。