社會化分享按鈕定位

Question

我有一些定位div的問題，似乎這些社交分享按鈕都有過錯

http://misc.colbyfayock.com/test/

我有一些偉大的顏色了，是想說明發生了什麼...... 我的主要黃色方塊工作正常 我有兩個裏面都設置爲50％和向左浮動，但他們不... 也每個單獨的按鈕是在它自己的股利試圖讓他們工作，但我不知道什麼別的事做 嘗試了幾個不同的定位選項，但這是從來沒有我的強項與css

任何幫助/想法？

http://misc.colbyfayock.com/test/css/styles.css

感謝

Answer 1

你#social具有width: 50%，這意味着它會一直渲染到50％的容器，這是#subheader的大小。這與你的CSS意圖完全一致。

如果你改變了這個像這樣：

<div id="social"> 
    <div id="social-inner"> 
    <div id="social-fb"> 
    ... 
    </div> 
</div> 

然後做出#social { width: 100% }和#social-inner { width: 50% }，將工作完全作爲你打算。